SimonAllen

今天來看看closure閉包 先來看看以下程式碼： function say(whattosay){ return function(name){ console.log(whattosay + ' ' + name); } } 設定一個函式陳述句，在裏頭用函式表示式回傳一個函式，並利用範圍練scope chain的特性放入whattosay，裏頭這個回傳函式沒有宣告whattosay，於是它會外部(參照)查找，去找設定這個函式的say函式參數whattosay。 關於外部參照，可以參考這天的筆記。 當我們呼叫函式say，會得到一個值，這個值是從函式say裡面return返回的另一個函式。我們可以帶入參數，這樣呼叫函式裡的函式： say('Hello')('Simon'); 目前這樣還OK 接著修改一下程式碼，設定一個變數去接(指向)函式say的回傳值： var talk = say('Hello'); talk('

今天來看看IIFE IIFE全名為Immediately Invoked Functions Expressions 指的是可以立即執行的Functions Expressions函式表示式，中文多譯為立即(執行)函式。 來看看以下程式碼 var hello = function(name){ console.log('Hello ' + name); }; 這是一個Functions Expressions函式表示式，要呼叫它通常會寫成hello() hello(); 目前沒有傳值進去，所以函式印出Hello undefined 若把hello()這句刪掉，把程式碼改成這樣： var hello = function(name){ console.log('Hello ' + name); }(); 電腦在函式表示式後面讀到()，就知道要立刻呼叫這個函式，這種立刻執行的函式寫法就稱為IIFE。 若要傳值進去可以加參數在最後面的() var hello = function(name){ console.

今天的筆記內容比較雜一點。 陣列——任何東西的集合 要建立一個JS陣列可以這樣寫 var arr = new Array(); 也可以使用陣列實體語法來建立 var arr = []; 此外，JS的陣列與物件很像，可以放各種資料，例如：布林值、物件和函數..等等。 例如： var arr = [ 24, true, { name: 'Simon', isF2E: true}, function(name){ console.log(name + '挑戰鐵人賽第19天'); }, "hello" ]; 陣列是從0開始數，如果要執行陣列序號3的函式，並帶入陣列序號2的物件屬性值，可以這樣寫： arr[3](arr[2].name); 結果是

今天來看看this JavaScript在建立執行環境時，不論是全域、區域執行環境，在創造時會一併建立一個變數 this。而this會指向呼叫函式的執行環境，更進一步的說，this會指向函式目前所在物件。 如果我們直接這麼寫，這段程式碼的this會指向誰? console.log(this); 我們在全域執行環境呼叫this，此時它會指向全域物件，也就是window 那這樣呢？ function a(){ console.log(this); } var b = function(){ console.log(this); } a(); b(); 呼叫a、b函式，電腦創造函式a、b的執行環境，此時a、b函式內的this也一併被創造出來，那this會分別指向誰呢？ 還蠻合理的，畢竟a()、b()也視同window.a()、window.b()，這代表不管用函式表示式或函式陳述句，只要在全域定義、呼叫創造其執行環境，這時的this會指向全域物件。 但也因為函式a、

今天來看傳值與傳址 call by value傳值與call by reference傳址指的是電腦記憶體中的東西，與程式的參照傳遞互動的模式。 call by value 當我們創造變數並給值時，變數會指向值在電腦記憶體中的位置，若我們以這個值為參照，指定另一個變數指向這個值時，電腦會在記憶體中新增(複製)一個新值，讓後來的這個變數指向新的值。 在JavaScript裡，布林值、字串、數值、null、undefined都是call by value。 來看看以下程式碼 var a = 100; var b; b = a; a = a - 70; console.log('a現在是' + a); console.log('b現在是' + b)

今天來看Function Statement(函式陳述句)與Function Expression(函式表達式、表示式) 等等...Statement與Expression又是什麼東西呢? Statement 程式碼的單位，這段程式碼不會產生一個值 Expression 程式碼的單位，這段程式碼最終會產生(回傳)一個值，而這個值不一定會被開發者賦予變數。 看看以下程式碼 我們先宣告一個變數a，然後直接在瀏覽器console做後續動作 * 輸入a = 3，瀏覽器console回傳3，這代表這段程式碼是Expression * 輸入10 + 5，瀏覽器console回傳15，它也是Expression * 輸入a === 3，回傳true(成立)，它也是Expression * 若我們直接用物件實體語法創造物件，將物件指向變數a，瀏覽器console也回傳一個物件，它也是一個Expression 接著看看以下程式碼 if(a === 3){ console.log(a); } if()的()，需要布林值true