在嵌套函數中使用`this`作爲父函數

Question

在Apple的「類」中，嵌套函數countSeeds()如何檢索值this.price？

的jsfiddle：http://jsfiddle.net/VGqEa/

Apple = function() { 
    this.price = 17 

    this.cutOpen = function() { 

     console.log(this.price); 
     countSeeds(); 

     function countSeeds() { 
      console.log(this.price); 
     } 
    }   
} 


var apple = new Apple(); 
apple.cutOpen(); 

輸出

17 
undefined 

Answer 1

把var self = this在蘋果的頂部，然後將其稱爲自我，而不是在嵌套函數。

即：

Apple = function() { 
    var self = this; 
    this.price = 17 

    this.cutOpen = function() { 

     console.log(this.price); 
     countSeeds(); 

     function countSeeds() { 
      console.log(self.price); 
     } 
    }   
} 


var apple = new Apple(); 
apple.cutOpen(); 

你也可以把self=this聲明在this.cutOpen的開始，因爲這將仍然是指蘋果對象cutOpen（因爲它是蘋果的方法）。

更新

大多數常綠瀏覽器都支持箭頭的功能，所以你可以寫這樣的：

Apple = function() { 
    var self = this; 
    this.price = 17 

    this.cutOpen = function() { 

     console.log(this.price); 
     let countSeeds =() => { 
      console.log(this.price); 
     }; 
     countSeeds(); 
    }   
} 

這並不在IE11等舊版瀏覽器的工作，除非你使用某種的轉譯器來定位老的javascript。

Answer 2

默認情況下，當您在不提供上下文的情況下調用函數時，this指的是window對象。嘗試call或apply設置上下文，如果你不喜歡默認：

this.cutOpen = function() { 

     console.log(this.price); 
     countSeeds.call(this); //use call to set the context for the function. 

     function countSeeds() { 
      console.log(this.price); 
     } 
    } 

我建議你移動的構造函數外防止它被重新定義了多次：

function countSeeds() { 
      console.log(this.price); 
     } 

Apple = function() { 
    this.price = 17 

    this.cutOpen = function() { 

     console.log(this.price); 
     countSeeds.call(this); 
    }   
} 

或定義爲原型的功能：

Apple = function() { 
     this.price = 17 

     this.cutOpen = function() { 

      console.log(this.price); 
      this.countSeeds(); //use countSeeds as an instance method. 
     }   
    } 

    Apple.prototype.countSeeds = function() { 
      console.log(this.price); 
    } 

在我看來，countSeeds在這種情況下，應該是一個實例方法它總是訪問當前實例的price財產和不能工作如果this是window