this变态面试题

let length = 10
function fn(){console.log(this.length)}

let obj = {
    length: 5,
    method(fn){
        fn()
        arguments[0]()
    }
}

obj.method(fn, 1) // 输出是什么？

错误答案：

10

1

为什么不是10和1？

考点一：打印的第一个值为什么不是10

大家很容易想到obj.method(fn)的结果不会是5，因为console.log(this.length)是在全局中打印出来的，所以自然不会是obj.length。

那为什么不是10呢？let已经声明了length=10了呀？因为全局使用let并不会挂载到window上面，而全局的this会指向window，所以打印出来的this.length不是let length = 10声明的length，而是window.length。

 

考点二：打印的第一个值是什么

答案：不确定。

因为第一个打印的this.length会指向window，而window中的length属性表示你当前页面有几个iframe，有一个则会打印1，两个则会打印2，这个值是根据实际情况确定的。

 

考点三：打印的第二个值是什么

这个地方考察你对function中的arguments属性熟不熟悉。function中会有一个默认的属性arguments，它表示传入参数的实参类数组对象，有length属性。

我们可以将上面代码改写为：

let obj = {
    length: 5,
    method(fn){
        fn()
        //arguments[0]() 源代码
        //arguments[0].call(arguments) call的第一个参数为指定的this，我们这里显示指定
        //fn.call(fn) arguments[0]就是fn，
        fn.call(fn)
    }
}

前面我们提到了arguments，function fn(){console.log(this.length)} 中的this等于arguments，它有两个实参，因此arguments的length值为2。

所以这道面试题打印出的正确结果应为：

不确定

2