最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript如何使用bind指定接收者_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:22:34
文档

javascript如何使用bind指定接收者_javascript技巧

javascript如何使用bind指定接收者_javascript技巧: 代码如下: var json = { jArray: [], jPush: function (c) { this.jArray.push(c); } } var examp = [123, ~, 456]; 使用ES5给出的forEach循环examp,并且将它们添加到json中的jArray中; 代码如下: examp.forE
推荐度:
导读javascript如何使用bind指定接收者_javascript技巧: 代码如下: var json = { jArray: [], jPush: function (c) { this.jArray.push(c); } } var examp = [123, ~, 456]; 使用ES5给出的forEach循环examp,并且将它们添加到json中的jArray中; 代码如下: examp.forE


代码如下:
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方法的使用是非常安全的,因为一个函数或方法被共享的时候,不用担心这个共享方法不会被修改掉了.

文档

javascript如何使用bind指定接收者_javascript技巧

javascript如何使用bind指定接收者_javascript技巧: 代码如下: var json = { jArray: [], jPush: function (c) { this.jArray.push(c); } } var examp = [123, ~, 456]; 使用ES5给出的forEach循环examp,并且将它们添加到json中的jArray中; 代码如下: examp.forE
推荐度:
标签: 使用 javascript bind
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top