Question

我有以下JavaScript：

function b() {
    alert(arguments.caller[0]);
}

function X(x) {
    this.x = x;
}

X.prototype.a = function(i) {
    b();
}

new X(10).a(5);

这将显示消息“5”。但是，我想显示“10”，即在函数b中我想访问调用者的“this”属性。这有可能，怎么样？

Answer 1

您可以将调用者作为参数传递给函数：

function b(caller) {
    alert(caller.x);
};

function X(x) {
    this.x = x;
};

X.prototype.a = function(i) {
    b(this);
};

new X(10).a(5);

请注意，arguments.caller在JS 1.3中已弃用，在JS 1.5中已删除。

Answer 2

function b() {
    alert(this.x);
}

function X(x) {
    this.x = x;
}

X.prototype.a = function(i) {
    b.call(this); /* <- call() used to specify context */
}

new X(10).a(5);

Answer 3

通过在匿名函数中包含对函数b的调用，您将引入一个间接级别。如果可能，您应该直接设置它。

function b() {
  alert(this.x);  // 10
  alert(arguments[0]); // 5
}

function X(x) {
  this.x = x; /* alternatively, set this.x = arguments to capture all arguments*/
}

X.prototype.a = b;

new X(10).a(5);

否则，您需要传递该对象，这可以通过J-P或balpha建议的方式完成。

在调用堆栈中更高的方法中访问“this”对象

3 个答案: