javascript:“;这个“;在内部功能中

javascript: "this" in an inner function

本文关键字：功能 在内部 这个 javascript      更新时间：2023-11-18

我之前在jquery的上下文中发布了一个类似的问题，但jquery对this的内部处理混淆了问题。因此，为了保持简单明了，请考虑：

function someCallbackFunction() {
    this.name = "Tom";
}
anObject.method(someCallbackFunction);

当被"anObject"调用时，someCallbackFunction的"this"指向什么？

也就是说，当一个对象（在其函数内）调用函数"some callback function"时，（内部）"some回调函数"的"this"指向什么？[不是"outer"的"this"（AnObject.function-当用call或apply调用时，它当然指向AnObject或另一个调用函数）]

我认为它应该指向全局对象（window对象），因为闭包内的this将指向全局DOM window对象（在非严格模式下）或是undefined（在严格模式中）。

this取决于函数的调用方式。如果像mycallback()一样调用它，那么this将引用window对象。如果您用mycallback.call(object)（或apply）来称呼它，this将指代object。

http://jsfiddle.net/ydqZ8/1/

function callback()
{    
    alert(this.toto);
}
window.toto = 0;
var obj = {
    toto : "TOTO" 
};
callback(); // displays 0
callback.call(obj);    // displays TOTO

试试这个：

var self = this;
some callback function () {
    self.name = "Tom";
}
Object.function (some callback function);

通常'this'指向托管所调用方法的对象。（您可以通过函数.call（thisObject，arg1，arg2）或功能.apply（thisObject，[argList]）来覆盖此项。）

一个简单的例子：

var myObject = {
  value: 1,
  report: function() {
    return "value: " + this.value;
  }
}
console.log( myObject.report() ); // "value: 1"

应该很清楚。

使用构造函数和原型，它将是：

function Reporter(v) {
  this.value = v;
}
Reporter.prototype = {
  report: function() { return "value: " + this.value; }
};
var myObject = new Reporter(1);
console.log( myObject.report() ); // "value: 1"

效果一样。"this'是通过调用"new Reporter（1）"创建的对象，原型中的this'指的是调用方法"report（）"的对象。（只有在"myObject"中没有定义方法"report（）"作为自己的属性的情况下，原型才会发挥作用。）

现在有点嵌套：

function ComplexReporter(v) {
  this.value = v;
}
ComplexReporter.prototype = {
  report: function() { return "value: " + this.value; },
  utils: {
    innerReport: function() { return "value: " + this.value; }
  }
};
var myObject = new ComplexReporter(1);
console.log( myObject.report() ); // "value: 1"
console.log( myObject.utils.innerReport() ); // "value: undefined"

第一个调用与上面一样，并提供了预期的结果。

在第二个调用中，"this"不是预期的"myObject"，而是"myObject.protype.utils"，它没有任何类型的属性@value。这实际上是

ComplexReporter.prototype.utils.innerReport.apply( myObject.prototype.utils, [] );

因此，根据经验，"this"是在点表示法中调用对象的方法时，由最后一个点之前的最后一个标识符的路径描述的实体。

最后一个没有原型的例子（再次简单一点）：

var myComplexObject = {
  value: 1,
  report: function() {
    return "value: " + this.value;
  },
  utils: {
    innerReport: function() {
      return "value: " + this.value;
    }
  }
}
console.log( myComplexObject.report() ); // "value: 1"
console.log( myComplexObject.utils.innerReport() ); // "value: undefined"
// same as myComplexObject.utils.innerReport.apply( myComplexObject.utils, [] );
console.log( myComplexObject.utils.innerReport.apply( myComplexObject, [] ) ); // "value: 1"

和："this"总是在调用函数的那一刻求值（因此在构造闭包时无法保存"this"的上下文含义）。

我希望，这些例子有助于理解"这"是如何工作的。。。

附言：如果提供了对function.call（）或function.apply（）的调用的this对象是未定义或者为null，则全局对象（"self"，在与"window"相同的浏览器中）将用作"this"。

相关文章：