`
wh8766
  • 浏览: 34780 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript类中作用域,setInterval

阅读更多
自己会接触到很多JavaScript了..放到新的归类里~

如题
在一个类中某个方法调用setInterval,回调类中另一个方法时出现的问题
这里参考了前辈的解决方式:
/**
*开始闪烁
*关于回调作用域的帖子:http://www.cnitblog.com/CoffeeCat/archive/2008/03/07/35095.html
**/
FlashTimer.prototype.startFlash = function(){
		if (!this.customLayer){alert("customLayer为空");return;}
		this.markers = this.customLayer.markers;
		this.lines = this.customLayer.lines;
		this.polygons = this.customLayer.polygons;
		var _this = this;					//当使用Windows.seInterval方法时,回调的函数会被作为一个window下的成员, 会提示不存在这样的方法
		var callFlashing = function (){_this.flashing();}		//这里通过调用这个方法
		this.timerID = window.setInterval(callFlashing, this.period);
	}

/**闪中。。*/
FlashTimer.prototype.flashing = function(){
	//alert(this + " , " + this.markers);
		if (this.isVisible){	//已经显示
			this.hideAllObject();
			this.isVisible = false;
	
		}else{	//已经不显示了
			this.showAllObject();
			this.isVisible = true;		
	}
}


在没有改进代码前会报调用对象方法中的属性为空,可以试着在被回调方法中alert(this)
由此this的作用域发生了改变.

如上,如果单纯的使用flashing方法, 在flashing方法中的this将变成Windows Objects对象,便无法对类中的方法进行访问了.

小记录了一下..
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics