帮忙解析下一段js代码,,

var length = 10;
function fn() {
    console.log(this.length);
}
var obj = {
    length: 5,
    method: function() {
        fn();
        arguments[0]();
    }
};

obj.method(fn, 1);

结果:10 2 为神马??

阅读 2.8k
4 个回答

稍稍修改一下你的代码

var length = 10;
function fn() {
    console.log(this.toString());
    console.log(this.length);
}
var obj = {
    length: 5,
    method: function() {
        fn();
        arguments[0]();
    }
};

obj.method(fn, 1);

clipboard.png

arguments[0]() 中的 thisarguments

看起来 arguments 是一个数组,所以 arguments[0]() 的执行似乎应该按函数数组的方式来运行,但实际不是,因为 arguments 是一个伪数组不是真正的数组,所以 argumnts[0] 其实是 arguments["0"]"0" 是属性名称。

现在假设属性名称是 "a"arguments["a"] = fn,那么

arguments["a"]()arguments.a() 是等同的,这时候 fn 中的 this 就是 arguments,这样很好理解吧?类似的,如果属性名是 "0",虽然不能用 arguments.0() 这种方式调用,但用 arguments["0"]() 这种方式调用也是一样的,和 arguments["a"] 类似,所以第二个输出是 2,即 arguments.length

第一个fn的this指向的是window,第二个fn的this指向的是对象!

楼主代码敲错了不少

mothod: function(fn2){
       fn();
       arguments[0]();
       fn2();
   }

输出 10 2 10
因为arguments是Javascript的一个内置对象,是一个类数组,也有this,这里的this就是arguments的this

第一个length是自定义变量length,第二个length是method方法内置对象arguments的长度,你传入了两个参数(fn,1),也就是数组arguments = [fn, 1];

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题