令人頭疼的 arguments

lanffy 發(fā)布于2019-08-21 16:47 / 3242人閱讀

摘要：以我的理解簡單非嚴(yán)格模式下，函數(shù)形參和綁定，二者無論誰修改，都會(huì)互相影響。嚴(yán)格模式下，參數(shù)的值不會(huì)隨對象的值的改變而變化。有意思的是在下，如果使用函數(shù)默認(rèn)值，也會(huì)出現(xiàn)類似嚴(yán)格模式的效果。原文首發(fā)于我的博客

下面這一題來自 javascript-puzzlers

function sidEffecting(ary) {
  ary[0] = ary[2]
}
function bar(a,b,c) {
  c = 10
  sidEffecting(arguments)
  return a + b + c
}
bar(1,1,1)

上述的結(jié)果是什么？答案是21，當(dāng)然這是非嚴(yán)格模式，如果嚴(yán)格模式，那么答案為12。

以我的理解簡單非嚴(yán)格模式下，函數(shù)形參和arguments綁定，二者無論誰修改，都會(huì)互相影響。

但是，嚴(yán)格模式下，任何在函數(shù)體內(nèi)的修改，或形參，或 arguments 只會(huì)影響自己，不會(huì)影響對方，可以修改下列代碼試一試。

function test(a, b, c) {
    // "use strict"
    var a = 4 
    console.log(a + b + c)
    // arguments[0] = 4
    console.log(arguments[0] + arguments[1] + arguments[2])
}

test(1,2,3)

嚴(yán)格模式下，參數(shù)的值不會(huì)隨 arguments 對象的值的改變而變化。在正常模式下，對于第一個(gè)參數(shù)是 arg 的函數(shù)，對 arg 賦值時(shí)會(huì)同時(shí)賦值給 arguments[0]，反之亦然（除非沒有參數(shù)，或者 arguments[0] 被刪除）。嚴(yán)格模式下，函數(shù)的 arguments 對象會(huì)保存函數(shù)被調(diào)用時(shí)的原始參數(shù)。arguments[i] 的值不會(huì)隨與之相應(yīng)的參數(shù)的值的改變而變化，同名參數(shù)的值也不會(huì)隨與之相應(yīng)的 arguments[i] 的值的改變而變化。

有意思的是在ES6下，如果使用函數(shù)默認(rèn)值，也會(huì)出現(xiàn)類似嚴(yán)格模式的效果。

function test(a, b, c = 3) {
    var a = 4 
    console.log(a + b + c)
    // arguments[0] = 4
    console.log(arguments[0] + arguments[1] + arguments[2])
}

test(1,2,3)

花了半個(gè)小時(shí)，發(fā)現(xiàn)自己以前對嚴(yán)格模式理解還有不足，以后這道題作為面試題還不錯(cuò)。

原文首發(fā)于我的github博客：https://github.com/isLishude/...