在javascript中理解原型和哎呀實現

Question

var Todo = function(x){ 
this.data = x; 
    this.view = function(){ 
     alert("hi") 
     check() 
    } 
    check = function(){ 
     alert("checking") 
     alert(this.data) 
    } 
} 
Todo.prototype.add = function(item){ 
    this.data.push(item) 
} 
var todo = new Todo([1,2,3]) 
alert(todo.data) 
todo.add(5) 
alert(todo.data) 
todo.view() 

在上面的代碼中，爲什麼我無法在檢查方法中獲取數據的值。我有點困惑。

Answer 1

您已聲明check作爲一個全局變量：

var a = 5; local variable 
a = 5; global variable (attached to window) 

因此，函數上下文（this）調用check()時，不包含data屬性綁定到Window。

所以你必須check功能附加到藤堂「課」：

：

this.check = function() {}; 

一個側面說明，你可以通過調用函數時手動功能方面設置爲todo獲得所需的功能

check.apply(todo); 

Answer 2

this在check函數中指的是全局對象window。

var Todo = function(x){ 
    this.data = x; 
    this.view = function(){ 
     alert("hi"); 
     this.check(); 
    }; 
    this.check = function(){ 
     alert("checking"); 
     alert(this.data); 
    }; 
}; 

如果你不想暴露check方法公開，那麼你可以做象下面這樣：

與修復。

var Todo = function(x){ 
    this.data = x; 
    this.view = function(){ 
     alert("hi") 
     check.apply(this); //here, by using apply method 
    } 
    var check = function(){ 
     alert("checking") 
     alert(this.data) 
    } 
}