'this'在被使用之前被分配給一個var？

Question

我經常看到Javascript代碼，其中this被分配給一個變量用於引用對象的當前實例。

var me = this; 
me.someproperty_or_method 

他們爲什麼要這樣編碼？ ？這裏是一個更完整的代碼片段，

var Preload = function(game){}; 

Preload.prototype = { 

    init: function() { 
    var me = this; 

    var style = { 
     font: "32px Arial", 
     fill: "ffffff", 
     align: "center" 
    }; 



this.text = this.add.text(me.game.world.centerX, me.game.world.centerY, "Loading: 0%", style); 
    this.text.anchor.x = 0.5; 
    } 

    preload: function(){ 
    this.game.load.text('dictionary', 'assets/dictionary.txt'); 

    }, 

    create: function(){ 
    this.game.state.start("Main"); 
    } 
} 

我很確定這不是重複的，在其他帖子上給出的答案是不確定的。

Answer 1

this與函數的執行上下文有關，該函數的執行上下文是函數執行期間確定的值，具體取決於函數的調用方式。

對於嵌套函數，您可能需要在內部函數中訪問外部函數的this而不是this。將它分配給一個變量，內部函數可以訪問外部函數的this。

function foo(){ 
    var foosThis = this; 

    function bar(){ 
    var barsThis = this; 

    // `this` is bar's `this` which is null. 
    // You can't access foo's `this` via `this` 
    // But you can access foo's `this` via foosThis 
    } 

    // Call bar with null as context 
    bar.call(null); 
} 

// Call foo with an object as context 
foo.call({}); 

function.call只是功能的上下文可以改變的許多方式之一。

Answer 2

它通常用於保存另一個上下文。如果您想將另一個上下文傳遞到另一個塊中，則可以使用bind()。例如：

function People() { 
    // current `this` is context of `People` 
    var I = this; 

    var beHappy = function() { 
     // current `this` is context of `beHappy` 
     var me = this; 

     console.log("=== beHappy()"); 
     console.log("I and me =", (I === me)); // false 
     console.log("this and me =", (this === me)); // true 
    }; 

    var beSad = function() { 
     // current `this` is context of `beSad` 
     var me = this; 

     console.log("=== beSad()"); 
     console.log("I and me =", (I === me)); // true 
     console.log("this and me =", (this === me)); // true 
    }.bind(this); 

    var beSleepy = function() { 
     console.log("=== beSleepy()"); 
     console.log("this and I =", (this === I)); // false 
    }; 

    beHappy(); 
    beSad(); 
    beSleepy(); 
} 

new People(); 

正如你可以在beHappy看到的，I值大於me不同，因爲它包含另一個上下文。但在beSad上，兩者都持有相同的上下文（參考People）。

Answer 3

---

問：「？ '這個' 被使用之前被分配給一個變種」

---

答：的此上下文值總是存在：實際，電流和最新的。

您可以從任何您希望的上下文中指定它，並將它的過去值的引用存儲在任何位置或任何時候到達其處理位置。

事實上：分配實際上是在讀取/執行時發生的 - 不是在&未被使用之前發生。