개체의 함수

Question

JS- 사람들, 작은 테스트 스크립트에 문제가 있습니다.

내가있어이 JS :

var button = { 
    lastClick: 0, 
    nowTime: new Date().getTime(), 
    go: function() { 
     var diff = this.nowTime - this.lastClick; 
     if (diff < 3000) alert('Too fast:' + diff/1000); 
     lastClick = this.nowTime; 
    }.bind(this) 
}; 

그리고이 HTML :

<input type="button" value="Go" onClick="button.go();" /> 

가 go α- 함수 내 button -object에서 nowTime 및 lastClick 값을 사용해야하지만이 정의되지 않은 입니다을. 아무도 나를 도울 수 있습니까? 당신이 바인딩 (그래서 당신은 window에 결합하는 것) 할 때 this이 정의되어 있기 때문이다

JS-Fiddle

Answer 1

.

이 작업을 수행 할 수 있습니다 당신은 또한 this.lastClick 전에 누락 된

var button = { 
    lastClick: 0, 
    nowTime: new Date().getTime() 
}; 
button.go = function() { 
    var diff = this.nowTime - this.lastClick; 
    if (diff < 3000) alert('Too fast:' + diff/1000); 
    this.lastClick = this.nowTime; 
}.bind(button); 

. (버튼의 내부 상태가이 버전에서 숨겨져 있다는 필드를

var button = (function(){ 
    var lastClick = 0; 
    var nowTime = new Date().getTime(); 
    return { 
    go: function() { 
     var diff = nowTime - lastClick; 
     if (diff < 3000) alert('Too fast:' + diff/1000); 
     lastClick = nowTime; 
    } 
    } 
})(); 

의 차이 (또는 당신을 위해 도움이 될 수 없습니다) :

는

대안은 폐쇄/공장을 사용하는 것입니다 일반적으로 "개인"이라고합니다). 당신이 nowTime 항상 현재 시간을하고 싶다면

, 보관하지 않습니다

var button = (function(){ 
    var lastClick = 0; 
    return { 
    go: function() { 
     var nowTime = new Date().getTime(); 
     var diff = nowTime - lastClick; 
     if (diff < 3000) alert('Too fast:' + diff/1000); 
     lastClick = nowTime; 
    } 
    } 
})();