游客

标题:js 嵌套函数指向this对象错误的解决方法
正文:
先看一段嵌套了两层function的JavaScript代码：
代码如下:
var me = {
name : 'Jimbor',
blog : 'http://jmedia.cn/',
sayMyName : function(){
var pre = 'My name is: ';
function displayName(){
alert(pre + this.name);
}
displayName();
}
}
me.sayMyName();

从代码上看，我们希望通过sayMyName()的调用来显示me的name属性，即：My name is: Jimbor。但浏览器的执行结果是：
代码如下:
My name is:

是什么原因使name属性没有正确显示呢？原来JavaScript对于全局函数内的this绑定为全局对象，而对于嵌套函数也采用了相同的解释。这个错误产生的后果是不能轻易使用嵌套函数来完成某些特殊的任务，因为这些函数对this所指向的对象解释不同。
当然对于这个例子，我们完全可以不用嵌套的函数来完成相应的功能。但是对于某些应用可能会需要这种结构。幸运的是，我们还是有办法来纠正这个错误的。
方法一：用apply()函数
代码如下:
apply(this_obj, params_array)

apply()函数可以在调用某个函数时重写this所指向的对象，它接受两个参数，第一个this_obj即想要重写this所指向的对象，params_array则是用来传递给调用函数的参数数组。我们把原来的代码改写为：
代码如下:
var me = {
name : 'Jimbor',
blog : 'http://jmedia.cn/',
sayMyName : function(){
var pre = 'My name is: ';
function displayName(){
alert(pre + this.name);
}
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页