好的,所以我有这个原型对象舞台,除了这个递归调用,它的每个部分都工作.
Stage.prototype.start = function(key) {
//var maxScrollLeft = document.getElementById("content").scrollWidth;
$content.scrollLeft($content.scrollLeft() + this.initspeed);
if(key < this.maxScrollLeft || key > 0) {
setTimeout(function() {
this.start(key+2);
},1);
}else{
console.log("stop");
}
}
我试图使它使Stage.prototype.start在此if语句中调用,使用this.start();不过我总是得到
未捕获TypeError：Object [object global]没有方法’start’
我认为这与匿名功能中的呼叫有关,有关如何解决这个问题的任何想法？
解决方法
这个内部的你的匿名回调的setTimeout指向全局对象,因为该函数没有绑定到任何地方,所以它被提升到全局范围.在这种情况下,您的回调从窗口(浏览器)或全局(节点等)上下文执行,所以这指向全局范围,因为函数是从该上下文调用的.有很多方法可以解决这个问题.一个简单的方法是将其缓存到变量中,并在回调函数中使用它.
Stage.prototype.start = function(key) {
var self = this; //cache this here
//var maxScrollLeft = document.getElementById("content").scrollWidth;
$content.scrollLeft($content.scrollLeft() + this.initspeed);
if(key < this.maxScrollLeft || key > 0) {
setTimeout(function() {
self.start(key+2); //use it to make the call
},1);
}else{
console.log("stop");
}
}
另一种方法是使用function.prototype.bind绑定上下文.
Stage.prototype.start = function(key) {
//var maxScrollLeft = document.getElementById("content").scrollWidth;
$content.scrollLeft($content.scrollLeft() + this.initspeed);
if(key < this.maxScrollLeft || key > 0) {
setTimeout((function() {
this.start(key+2); //now you get this as your object of type stage
}).bind(this),1); //bind this here
}else{
console.log("stop");
}
}