javascript - JS でオブジェクト属性を返す際のエラー

Question

function Objecte(name){

    this.name=name;

}

Objecte.prototype.look=function(){

    return function(){

        alert(this.name);

    };

}

オブジェクトの属性にアクセスしようとしていますが、関数を呼び出すと未定義と警告されます。

extintor = new Objecte("extintor");

$(document).on('dblclick',"#extintor",extintor.look());

Answer 1

thisは字句的に定義されていません。返された関数がそれを使用できるようにするには、その値を取得する必要があります。

Objecte.prototype.look=function(){
    var self = this;
    return function() {
        alert(self.name);
    };
}

---

使用することもできます$.proxy

Objecte.prototype.look=function(){
    return $.proxy(function() {
        alert(this.name);
    }, this);
}

---

または.bind()最新のブラウザで

Objecte.prototype.look=function(){
    return function() {
        alert(this.name);
    }.bind(this);
}