JavaScript 帮忙看下这段程序为会返回未定义？
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript" src='js/jquery-1.9.1.js'></script>
<script type="text/javascript">
(function() {
function container() {
this.current = 0;
this.max = 5;
this.loop;
this.start = true;
}
container.prototype.play = function() {
if (this.start) {
this.start = false;
this.loop = setInterval(this.showNext, 1500);
}
};
container.prototype.showNext = function() {
if(this.current < this.max) {
this.current++;
}
console.log(this.current);
};
var ex = new container();
ex.play();
})();
</script>
</body>
</html>
this.current 为什么会返回未定义呢
Pitt
#3
2013年10月06日
this.current 中的 this 是调用 showNext 这个函数的对象，而这个函数是在 setInterval 中调用的，所以这个对象应该不是 container 的 instance，于是这里是 undefined。
Pitt
#4
2013年10月06日
this.loop = setInterval(this.showNext, 1500);
修改成
this.loop = setInterval(this.showNext.bind(this), 1500);
Pitt
#7
2013年10月07日
@dxcqcv setInterval 的第一個參數是一個 function object，而不是 call 那個 function，所以 bind 在這裡是延遲綁定。call 肯定沒有效果的。