代码之家 › 专栏 › 技术社区 › Chris B

javascript:如何从类函数中的一个函数访问类属性

class-design oop javascript

Chris B · 技术社区 · 16 年前

在我的某个类函数中,我需要使用 setInterval 中断代码的执行。但是,在 设定间隔 函数,“this”不再引用类“myObject”。如何从 设定间隔 功能?

function myObject() {
    this.name = "the name";
}

myObject.prototype.getName = function() {
    return this.name;
}

myObject.prototype.test = function() {
    // this works
    alert(this.name);

    var intervalId = setInterval(function() {
        // this does not work
        alert(this.name);

        clearInterval(intervalId);
    },0);
}

4 回复 | 直到 16 年前

jacobangel 16 年前

myObject.prototype.test = function() {
    // this works
    alert(this.name);
    var oThis = this;
    var intervalId = setInterval(function() {
        // this does not work
        alert(oThis.name);

        clearInterval(intervalId);
    },0);
}

这应该有效。匿名函数的“this”与myObject的“this”不同。

meouw 16 年前

这是原型绑定函数

Function.prototype.bind = function( obj ) {
    var _this = this;
    return function() {
        return _this.apply( obj, arguments );
    }
}

jamesmillerio 16 年前

这就是原型中绑定的目的:

function myObject() {
    this.name = "the name";
}

myObject.prototype.getName = function() {
    return this.name;
}

myObject.prototype.test = function() {
    // this works
    alert(this.name);

    var intervalId = setInterval(function() {
        // this does not work
        alert(this.name);

        clearInterval(intervalId);
    }.bind(this),0);
}