call apply bind
2019-03-19 本文已影响0人
zyqcoder
var obj = {
this.x = 8
};
var foo = {
getX: function() {
return this.x;
}
}
console.log(foo.getX.bind(obj)()); // 8
console.log(foo.getX.apply(obj)); // 8
console.log(foo.getX.call(obj)); // 8
- apply、call、bind 三者都是用来改变函数的this对象指向的；
- apply、call、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文；
- apply、call、bind 三者都可以利用后续参数传参；
- bind 是返回对应函数，便于稍后调用，apply、call都是立即调用；
- bind 仅首次bind生效，多次bind取首次的对象；
- appy 后续接收的参数是数组，call 后续接收的是单个参数；
应用场景
- 求数组中的最大值最小值
var args = [2, 45, -8, 98, 3];
var max = Math.max.apply(null, args); // 98
var min = Math.min.apply(Math, args); // -8
- 数组追加
var arg1 = [1,'a',9,{a:123}];
var arg2 = [2,7,'b'];
Array.prototype.push.apply(arg1,arg2);
// [].push.apply(arg1,arg2);
console.log(arg1); // [ 1, 'a', 9, { a: 123 }, 2, 7, 'b' ]
- 使用log 代理console.log
function log() {
console.log.apply(null,arguments);
}
