apply方法
apply是所有函數都有的方法.它的簽名如下:
func.apply(thisValue, [arg1, arg2, ...])
如果不考慮thisValue的影響,上面的調用等同于:
func(arg1, arg2, ...)
也就是說,apply允許我們將一個數組"解開"成為一個個的參數再傳遞給調用函數.讓我們分別看看apply使用中的三個技巧.
技巧1: 將一個數組傳遞給一個不接受數組作為參數的函數
JavaScript中沒有返回一個數組中最大值的函數.但是,有一個函數Math.max可以返回任意多個數值類型的參數中的最大值.再配合apply,我們可以實現我們的目的:
代碼如下:
> Math.max.apply(null, [10, -1, 5])
10
譯者注:注意Math.max方法的參數中只要有一個值被轉為NaN,則該方法直接返回NaN
代碼如下:
>Math.max(1,null) //相當于Math.max(1,0)
1
>Math.max(1,undefinded) //相當于Math.max(1,NaN)
NaN
>Math.max(0,-0) //正零比負零大,和==不同
0
>Math.max(-0,-1) //負零比-1大
-0
技巧2: 填補稀疏數組
數組中的縫隙
這里提醒一下讀者:在JavaScript中,一個數組就是一個數字到值的映射.所以如果某個索引處缺失了一個元素(一條縫隙)和某個元素的值為undefined,是兩種不同的情況.前者在被Array.prototype中的相關方法(forEach, map, 等.)遍歷時,會跳過那些缺失的元素,而后者不會:
代碼如下:
> ["a",,"b"].forEach(function (x) { console.log(x) })
a
> ["a",undefined,"b"].forEach(function (x) { console.log(x) })
a
undefined
譯者注:這里作者說"數組就是一個數字到值的映射",嚴格意義上是不對的,正確的說法是"數組就是一個字符串到值的映射".下面是證據:
代碼如下:
>for (i in ["a", "b"]) {
console.log(typeof i) //數組的索引實際上是個字符串
}
"string"
"string"
>["a", "b"].forEach(function (x, i) {
console.log(typeof i) //這里的i實際上不是索引,只是個數字類型的累加器
})
"number"
"number"
你可以使用in運算符來檢測數組中是否有縫隙.
代碼如下:
> 1 in ["a",,"b"]
false
> 1 in ["a", undefined, "b"]
true
譯者注:這里之所以用1可以,是因為in運算符會把1轉換成"1".
你過你嘗試讀取這個縫隙的值,會返回undefined,和實際的undefined元素是一樣.
代碼如下:
> ["a",,"b"][1]
undefined
> ["a", undefined, "b"][1]
undefined
譯者注:[1]也會被轉換成["1"]
填補縫隙
apply配合Array(這里不需要加new)使用,可以將數組中的縫隙填補為undefined元素:
代碼如下:
> Array.apply(null, ["a",,"b"])
[ 'a', undefined, 'b' ]
這都是因為apply不會忽略數組中的縫隙,會把縫隙作為undefined參數傳遞給函數:
代碼如下:
> function returnArgs() { return [].slice.call(arguments) }