幽灵资源网 Design By www.bzswh.com
看如下对象定义:
'use strict'
var jane = {
name : ‘Jane',
display : function(){
retrun 'Person named ' + this.name;
}
};
这样能正常调用
jane.display();
下面的调用会出错:
var func = jane.display; func()
TypeError: Cannot read property 'name' of undefined
因为,this指向已经改变,正确的方式如下:
var func2 = jane.display.bind(jane); func2()
'Penson named Jane'
所有函数都有其特殊的this变量,如下面的forEach
var jane = {
name : 'Jane',
friends: ['Tarzan', 'Cheeta'],
sayHiToFriends: function(){
'use strict';
this.friends.forEach(function(friend) {
// 'this' is undefined here
console.log(this.name + ' says hi to '+ friend);
});
}
}
调用sayHiToFriends会产生一个错误:
jane.sayHiToFriends()
TypeError: Cannot read property 'name' of undefined
解决方案一:将this保存在不同的变量中
var jane = {
name : 'Jane',
friends: ['Tarzan', 'Cheeta'],
sayHiToFriends: function(){
'use strict';
var that = this;
this.friends.forEach(function(friend) {
console.log(that.name + ' says hi to '+ friend);
});
}
}
解决方案二:利用forEach的第二个参数,它可以给this指定一个值
var jane = {
name : 'Jane',
friends: ['Tarzan', 'Cheeta'],
sayHiToFriends: function(){
'use strict';
this.friends.forEach(function(friend) {
console.log(this.name + ' says hi to '+ friend);
}, this);
}
}
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...