爬蟲不得不學之 JavaScript 函式物件篇

sergiojune發表於2019-02-17

今天好像是情人節？所以最適合物件導向，JavaScript 也有物件，我們也可以隨時物件導向，方便得很，那怎樣才有物件呢？下面告訴你！

1. 陣列

陣列，字面意思就是一堆數的組合，但是它是有順序的，學了陣列就不僅可以儲存一個資料，還可以儲存一堆資料，這就是我們為什麼學了簡單資料型別之後還要學陣列的原因。

1.1 宣告陣列

可以看到，陣列裡面的定義和 python 裡的差不多，也可以儲存不同資料型別。獲取陣列元素也是一樣通過下標獲取，下標從 0 開始，而且 JavaScript 的陣列可以隨意根據下標進行賦值，不管你的陣列長度，因為 JavaScript 的陣列長度是動態的。

1.2 遍歷陣列

遍歷陣列，根據陣列長度可以輕易知道迴圈次數，所以可以使用 for 迴圈，獲取陣列的長度可以通過 length 屬性進行獲取。

這裡有個提高效率的地方，就是在獲取陣列的長度時放在了 for 語句的初始化表示式裡，而不是放在判斷表示式裡，當你這個值需要運算才能獲得的時候，這樣做就可以不用在每次判斷時都需要通過運算獲得，減少運算，也就提高效率了，當然，陣列的長度在這裡只是一個屬性，不需要運算，放不放在初始化表示式都差不多。

1.3 清空陣列

JavaScript 這裡清空陣列簡單粗暴，直接將長度賦值為 0 即可。

1.4 陣列小練習

找出陣列中最大的值

這個直接通過遍歷陣列，然後將每個值進行比較即可，很容易。

翻轉陣列

這個就是將陣列中的元素前後互相替換，也不多說了。

2. 函式

當我們需要在對多個陣列進行上面的其中練習之一，比如進行尋找最大值，我們總不能每個陣列都各自寫一段尋找最大值的程式碼，否則這樣子的話程式碼的複用性太低了。

函式的出現就是解決這個問題的，函式就是把一段相對獨立的具有特定功能的程式碼抽取出來進行封裝，形成一個獨立的個體。當需要多次使用的時候，我們只需要使用函式名呼叫即可。

2.1 函式的定義

函式定義這裡有兩種方法，如下：

使用函式宣告，語法為

使用函式表示式，語法為：

上面只是函式的定義而已，並不會去執行，只有你呼叫函式的時候才會去執行。

2.2 函式呼叫

呼叫函式的語法也比較簡單，就是函式加上一個括號就行了。

所以當需要多次使用這段功能的時候，就多次呼叫即可，不需要每次都寫一段相同的程式碼。

2.3 函式引數

不需要多次寫同一段程式碼解決了，但是當有不同的資料內容參與運算時，好像我還需要重複寫呀！就比如前面說的求陣列最大值。這個時候就需要我們的函式引數了，函式引數就是解決這個不確定的資料內容的。當我們需要對不確定資料內容進行操作時，只需要在呼叫函式的時候把資料內容當作引數傳進去即可。

函式的引數定義與呼叫語法：

形參：在宣告函式時，有些值是固定的，而有些值不是固定的，對於這些不固定的值，我們可以給它們設定引數，但是這個引數不是具體的值，只是一個形式而已，所以叫做形參
實參：在函式宣告設定的形參，我們呼叫函式就需要傳入對應的引數，而這個引數就是實參。

瞭解了這個之後，是不是很容易就可以寫出一個求陣列最大值的函式了？

咦？上面的我都看明白了，但是 return 那個語句又是什麼？return 後面跟的內容就是函式的返回值，當函式執行到這裡的時候就會結束函式並且把該值返回給呼叫處，就相對於一段程式碼執行之後的反饋。所以 return 語句也會常常用於終止函式的執行，還有也可以不寫 return 語句，但是會預設返回 undefined

2.4 函式內部的 arguments 物件

JavaScript 中，函式的內部都有一個 arguments 物件，用來記錄在呼叫函式時所傳進來的引數，可以說是一個偽陣列。

這個物件可以用於當我們需要傳進來的引數個數不確定時就可以使用這個，就比如求一堆數的和。

2.5 匿名函式

匿名函式就是沒有名字的函式，當我們只需要只需要呼叫一次的話就可以使用匿名函式，或者需要回撥函式的時候就會使用匿名函式，至於什麼是回撥函式，以後遇到了就說，匿名函式宣告如下：

這是將匿名函式賦值給一變數，然後可以通過該變數進行呼叫，也可以傳參的，除了這樣子呼叫匿名函式，匿名函式還可以進行自呼叫。

這裡需要注意的是在自呼叫的時候別忘了定義函式的部分需要加括號括起來。這自呼叫的匿名函式就常用於防止全域性被汙染，就是當你寫的程式碼量大了，難免會有些全域性變數會有重名的可能，這時候使用匿名函式自呼叫就可以新開闢了一個作用域，不同作用域的變數就算同名也不怕了，至於具體的後面我也會應用到，到時再詳講。