关于this和self的使用说明_javascript技巧-js教程-PHP中文网

关于this和self的使用说明_javascript技巧

php中文网

发布： 2016-05-16 18:22:01

原创

1734人浏览过

前两天在写一个chrome的extensions，因为 content里和background交互必需要一个异步方法实现，如：

云枫工作室企业网站源代码(.net)4.0

云枫工作室企业网站源代码(.net)Version 4.0 是云枫工作室基于.net环境独立开发的一套适用于企业使用的企业网站系统。.net+access.网站使用了模板动态生成静态页面技术，前台页面是生成纯静态的。网站包括了信息管理，产品管理，新闻管理和在线留言。可以在后台设置网站名称，标题，关键字和网站描述。配置说明：服务器空间需要支持.net2.0,还要有可写的权限（这个是必要的，因为网站前

查看详情

复制代码代码如下:

 
var Test = new Class({ 
options: {}, 
initialize: function(args) { 
chrome.extension.sendRequest({ 'type':'options' }, function(options) { 
this.options = options; 
…… 
}); 
} 
}); 

这个this应该是Test这个对象，但是回调方法里是空的。难道要把this做参数传过去，再call回来？还好，mootools里有个好方法，bind。

复制代码代码如下:

 
var Test = new Class({ 
options: {}, 
initialize: function(args) { 
chrome.extension.sendRequest({ 'type':'options' }, function(options) { 
this.options = options; 
…… 
}.bind(this)); 
} 
}); 

这下OK了，继续写：

复制代码代码如下:

 
var Test = new Class({ 
options: {}, 
initialize: function(args) { 
chrome.extension.sendRequest({ 'type':'options' }, function(options) { 
this.options = options; 
$each(this.options, function(o, i) { 
if (o == '1') { 
this.fun1(); 
} else { 
this.fun2(); 
} 
}.bind(this)); 
}.bind(this)); 
}, 
fun1: function {}, 
fun2: function {} 
}); 

就算有bind也不容易分清哪个this是什么了。而真实的代码比这个要恐怖的多，有的情况下，我们的确需要this指向其它的变量，而不是这个类。
最常用的解决方法，是这样：

复制代码代码如下:

 
var Test = new Class({ 
options: {}, 
initialize: function(args) { 
var _self = this; 
chrome.extension.sendRequest({ 'type':'options' }, function(options) { 
_self.options = options; 
$each(_self.options, function(o, i) { 
if (o == '1') { 
_self.fun1(); 
} else { 
_self.fun2(); 
} 
}); 
}); 
}, 
fun1: function {}, 
fun2: function {} 
}); 