亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在Javascript中,為什么“this”操作符不一致?

在Javascript中,為什么“this”操作符不一致?

開滿天機 2019-08-03 07:03:48
在Javascript中,為什么“this”操作符不一致?在JavaScript中,“this”操作符可以在不同的場景中引用不同的內容。通常,在JavaScript“Object”中的方法中,它引用當前對象。但是,當用作回調時,它將成為對調用對象的引用。我發現這會導致代碼中的問題,因為如果使用JavaScript“Object”中的方法作為回調函數,則無法判斷“this”指的是當前的“Object”還是“this”指的是調用的對象。有人能澄清如何解決這個問題的用法和最佳實踐嗎?   function TestObject() {             TestObject.prototype.firstMethod = function(){                       this.callback();                       YAHOO.util.Connect.asyncRequest(method, uri, callBack);             }             TestObject.prototype.callBack = function(o){               // do something with "this"               //when method is called directly, "this" resolves to the current object               //when invoked by the asyncRequest callback, "this" is not the current object               //what design patterns can make this consistent?               this.secondMethod();             }             TestObject.prototype.secondMethod = function() {              alert('test');             }         }
查看完整描述

3 回答

?
米琪卡哇伊

TA貢獻1998條經驗 獲得超6個贊

在JavaScript中,this始終引用調用正在執行的函數的對象。所以如果函數被用作事件處理程序,this將引用觸發事件的節點。但是,如果您有一個對象并在其上調用一個函數,如下所示:

myObject.myFunction();

然后thismyFunction將指myObject..有道理嗎?

為了繞過它,您需要使用閉包。您可以按以下方式更改代碼:

function TestObject() {
    TestObject.prototype.firstMethod = function(){
        this.callback();
        YAHOO.util.Connect.asyncRequest(method, uri, callBack);
    }            

    var that = this;
    TestObject.prototype.callBack = function(o){
        that.secondMethod();
    }

    TestObject.prototype.secondMethod = function() {
         alert('test');
    }}




查看完整回答
反對 回復 2019-08-04
  • 3 回答
  • 0 關注
  • 476 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號