這個關鍵字和功能範圍在javascript

Question

我有以下代碼（簡化）

var Page = new UI('page.html'); 

Page.onLoad = function(html){ 

    this.name = 'Page 1'; 
    Util.test(this.run); 

}; 

Page.run = function(){ 

    console.log(this.name); // undefined 
    console.log(Page.name); // correct 

}; 

var Util = function(){}; 

Util.prototype.test = function(callback){ 

    // when finished run the callback 
    callback(); 

}; 

我的問題是，爲什麼當執行離開的對象，然後回來我不能使用this關鍵字？請解釋我應該改變什麼才能再次訪問this。

Answer 1

文章的頂部引用了另一篇關於'this'的文章，所以我認爲我只是提供了代碼。如果您閱讀其他帖子和鏈接的文章，您應該能夠遵循此代碼。

function UI(html) { 
    this.name = html; 
} 

UI.prototype = { 

    onLoad: function() { 
     util.test(this); 
    }, 

    run: function() { 
     console.log(this.name); 
    } 
} 

var util = (function() { 
    return { 
     test: function (ui) { 
      if (ui && ui.run) { 
       ui.run(); 
      } 
     } 
    } 
})(); 

var page = new UI("index.html"); 

Answer 2

您可以將「this」綁定到函數運行，就像這樣。

Page.onLoad = function(html){ 

    this.name = 'Page 1'; 
    Util.test(this.run.bind(this)); 

}; 

你可以找到更多關於函數「bind」的信息。 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Function/bind