由于方法和值为对象的属性值没什么区别,因此很容易提取对象的方法作为回调函数直接传递给高阶函数。但这也很容易忘记应明确指定方法的接受者。例如,一个字符串缓冲对象使用数组来存储字符串。
var buffer = {
entries: [],
add: function(args) {
this.entries.push(args);
},
concat: function() {
return this.entries.join(‘‘);
}
};
var arr = [‘alert‘, ‘-‘, ‘123‘];
// error: entries is undefined
arr.forEach(buffer.add);
buffer.concat();
方法的接受者取决于它是如何被调用的。forEach方法的实现使用全局对象作为默认的接受者。由于全局对象没有entries属性,因此这段代码抛出了一个错误。
在回调函数中执行方法
var arr = [‘alert‘, ‘-‘, ‘123‘];
arr.forEach(function() {
buffer.add(arr);
});
buffer.concat();
该方法创建一个显示地以buffer对象方法的方式调用add()。
使用bind()返回一个指定接受者的函数
创建一个函数用来实现绑定其接受者到一个指定对象是常见的。
arr = [‘alert‘, ‘-‘, ‘123‘];
arr.forEach(buffer.add.bind(buffer));
buffer.concat();
注意,bind()返回的是一个新的函数而不是修改buffer.add函数。这意味着bind方法是安全的。
其实forEach()允许调用者提供一个可选的参数作为回调函数的接受者。arr.forEach(buffer.add, buffer)。
兼容没有实现forEach()方法的浏览器
if(typeof Function.prototype.forEach !== ‘function‘) {
Function.prototype.bind = function(context) {
return this.apply(context, [].slice.call(arguments, 1));
}
}
JS明确指定函数的接受者,布布扣,bubuko.com
时间: 2024-10-26 16:07:52