javascript this指针的陷阱

function BackImg(jqObj) {
	this.jqObj = jqObj;
	this.init = function() {
		this.jqObj.dblclick(function() {
			this.slideUp();//出问题的this指针
		});
	};
	……
	this.slideUp = function() {
		this.jqObj.animate({top:'-250px'});
	};
}


像上面这样的一段js代码。

BackImg是一个类。init是这个类的初始化函数,本意是调用初始化函数init时,注册一个双击事件,双击事件的执行函数是slideUp。

实际运行中发现slideUp无法正确执行。

经过Firebug调试,发现运行到第五行时,this指针指向的是双击所处的DOM对象,而不是我预期中的BackImg的实例化对象。

可见,this指针指向的是“最直接”的那个 对象,即当前代码行所处的方法归属的对象。不可以“越级”。

你可能感兴趣的:(html5)