无休止的javascript函数原型
无休止的javascript函数原型
提问于 2013-01-26 02:23:18
我正在尝试创建一个无尽的原型函数。这是我的尝试，它不起作用：
function Cat(name, direction) {
this.name = name;
this.stand = {left: "images/standLeft.png", right: "images/standRight.png"};
this.walk = {left: "images/walkLeft.gif", right: "images/walkRight.gif"};
this.direction = direction;
}
Cat.prototype.walking = function() {
var myDirection = (this.direction == "right" ? "+=": "-=");
var myPosition = $("#cat").css("left");
myPosition = myPosition.substring(0, myPosition.length - 2);
var distanceLeft = myPosition;
var distanceRight = 1024 - myPosition - 173;
if(this.direction == "right") {
var distance = distanceRight;
} else {
var distance = distanceLeft;
}
$("#cat img")[0].src = this.walk[this.direction];
$("#cat").animate({
left: myDirection + distance
}, (22.85 * distance), function(){
this.direction = (this.direction == "right" ? "left": "right");
this.walking();
});
}
var myCat = new Cat("Izzy", "right");我以为调用(this.walking())会用相同的对象再次运行相同的函数，但是它抛出了一个错误。有什么想法或建议吗？
Stack Overflow用户
回答已采纳
发布于 2013-01-26 02:27:10
this将会有窗口作用域。
$("#cat img")[0].src = this.walk[this.direction];
var that = this;
$("#cat").animate({
left: myDirection + distance
}, (22.85 * distance), function(){
that.direction = (that.direction == "right" ? "left": "right");
that.walking();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14528034
复制相关文章
相似问题
腾讯云开发者
