您的位置:首页 > Web前端 > JavaScript

javascript使用bind()函数绑定this

2015-06-19 16:28 986 查看
javascript使用bind()函数绑定this例:

var json = {

jArray: [],

jPush: function (c) {

this.jArray.push(c);

}

}

var examp = [“123”, “~”, “456”];

使用ES5给出的forEach循环examp,并且将它们添加到json中的jArray中;

examp.forEach(json.jPush);

这个时候会报错:

产生这种报错的原因是json.jPush方法中的this并没有指向json对象,而是指向了window.解决这个问题的方法就是给这个this找对人家,好在forEach()提供了一个参数,专门用于指定对象的.看代码.

examp.forEach(json.jPush,json);

alert(json.jArray);//结果正常了是,123~456

还有另外一种方法:

examp.forEach(function (c) {

json.jPush(c);

});

alert(json.jArray);//123~456

还可以使用bind绑定:

examp.forEach(json.jPush.bind(json));

alert(json.jArray);

bind是创建了一个新函数而不是修改一个函数.新函数的行为和原来函数的行为一样,但他的接收者是我们给定的对象,而原有函数的接收者保持不变.

这意味着bind方法的使用是非常安全的,因为一个函数或方法被共享的时候,不用担心这个共享方法不会被修改掉了.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: