一道关于javascript this指向问题

Question

一道关于javascript指针的题目，求详细的解答分析。

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

obj.method(fn)

Answer 1

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

obj.method(fn);

这样会清楚一点。第一个fn()由于没有对象上下文，所以直接调用fn()时其this指向的是全局的window或process，所以打印出来的length是全局的，也就是10。第二个arguments[0]()则有了对象上下文arguments，此时其this指向arguments，从而打印出来的length其实是arguments.length，即为1，

Answer 2

var length = 10;
function fn(){
    alert(this.length)
}
var obj = {
    length: 5,
    method: function(fn){
        fn() // 10 指向 window
        arguments[0]() // 1 指向 arguments
    }
}
obj.method(fn)

第一个问题：fn() 指向这个知识点：

任意函数里如果嵌套了 非箭头函数，那这个时候 嵌套函数里的 this 在未指定的情况下，应该指向的是 window 对象

第二个问题：arguments[0]()指向这个知识点：

在方法调用（如果某个对象的属性是函数，这个属性就叫方法，调用这个属性，就叫方法调用）中，执行函数体的时候，作为属性访问主体的对象和数组便是其调用方法内 this 的指向。（通俗的说，调用谁的方法 this 就指向谁；）

这个地方，可能会让人迷惑，arguments[0]指向 fn,所以 arguments[0]() 是作为 arguments对象的属性[0]来调用 fn的，所以 fn 中的 this 指向属性访问主体的对象 arguments；

举个例子：

[function fn(){alert(this.length)}][0]()//1

数组也是对象，只不过数组对象的整型属性会计入 length 属性中，并被区别对待，这里就是调用数组对象的0属性，函数作为数组对象的属性调用，函数中的this 当然指向这个数组，所以返回数组的length ,当然是 1；

其他详情戳js 中 this 的指向问题

Answer 3

如果直接把这段代码放在html里面的script标签里面，length就是全局变量了，可以在windows下面看到length。

var length = 10;
function fn(){
    alert(this.length)
}
var obj = {
    length: 5,
    method: function(fn){
        fn() // 这里输出的是你定义的windows下面全局变量length 10
        arguments[0]() // 这里arguments的length为1，而fn 里面的this指向arguments，所以输出1.
    }
}

Answer 4

第一个直接调用fn，this指向window。第二个arguments[0](),相当于一个对象调用自身的某个属性函数（类似obj.fn(),fn函数中的this会指向obj。），所以第二个this指向arguments。

Answer 5

楼上的说得很对，这里告诉楼主一句话判断this指向问题: 谁调用的，this就指向谁,没有调用者，非严格模式下就是window，否则undefined

Answer 6

我感觉fn()你应该是会的，函数的直接调用。

arguments[0]()可以看下这个。

var obj = {
    fn: function () {console.log(this)}
    1: function () {console.log(this)}
}
obj.fn()
obj[1]()
// 这俩调用没什么区别，都是对象方法的调用，arguments[0]()同理

---

这有问题？？

Answer 7

第一个指向window，第二个指向method

Answer 8

第一个fn（）this指向win win对象的length属性并没有定义值，所以返回undefined，第二个this指向argumengts对象，因为fn作为一个参数存储在arg对象里，argumengts的长度为1

Answer 9

正确答案是:

undefined
1

第一个好理解，function在没有绑定this前，都指向window对象。
第二个，必须理解arguments这个参数。指的是function的所有实参，与形参无关。也就是调用函数时，实际传入的参数，以对象形式存在：{"0": "", "1": ""}，本题中的值为：{ '0': [Function: fn] }。那么arguments[0]就是[Function: fn]，当调用arguments[0]()时，this指向的是arguments对象，相当于调用了arguments.length，所以值为1