javascript - 为什么这是 javascript 的输出？

Question

var name = 'bob';
var someObject = {
    name: 'james',
    someProperty: {
         name: 'sam',
         getName: function(){
             return this.name;
         }
    }
}

var testing = someObject.someProperty.getName;

testing();

此代码块返回 'bob' 的原因是因为我们最终只是在全局对象名称上调用 this.name，即 'bob' 还是有更好的方法来考虑这个问题？谢谢!

Answer 1

The value of this is determined by how a function is called.

testing() 被调用为 window.testing() 因此 this 指的是 window 和 var name在global(scope of window)下，返回"bob"。

你可以使用ES5的[.call'(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call)指定this上下文来获取"sam"。

call() 方法使用给定的 this 值调用函数

使用.bind()要在 function-body 中有指定的 this-reference 上下文，bind() 方法会创建一个新函数，当调用该函数时, 将其 this 关键字设置为提供的值，并在调用新函数时在任何提供的参数之前提供给定的参数序列。

var name = 'bob';
var someObject = {
  name: 'james',
  someProperty: {
    name: 'sam',
    getName: function() {
      return this.name;
    }
  }
}

var testing = someObject.someProperty.getName;

console.log(testing()); //bob
console.log(testing.call(someObject)); //james
console.log(testing.call(someObject.someProperty)); //sam

console.log('------OR--------')

var testing = someObject.someProperty.getName.bind(someObject);
console.log(testing());
var testing = someObject.someProperty.getName.bind(someObject.someProperty);
console.log(testing());