apply、call、bind三者的异同在于:
- 都可以改变函数的this对象指向
- 第一个参数相同,都是this要指向的对象,如果如果没有这个参数或参数为undefined或null,则默认指向全局window;第二个参数,apply是数组,而call和bind是参数列表。
- apply和call是一次性传入参数,立即执行;而bind可以分为多次传入,bind()的返回值是改变了this指向的新函数,bind()并不会去调用函数
,需手动调用。
function fn(...args) {
console.log(this, args);
}
let obj = {
myname: "张三"
}
// apply-------------------------
fn.apply(obj, [1, 2]); // this指向obj,传入的第二个参数必须是一个数组;
fn(1, 2) // this指向window
fn.apply(null,[1,2]); // this指向window
fn.apply(undefined,[1,2]); // this指向window
// call-------------------------
fn.call(obj, 1,2); // this指向obj,传入的第二个参数是参数列表;
fn(1, 2) // this指向window
// bind-------------------------
var newFn=fn.bind(obj); // this指向obj ,bind不是立即执行需手动执行
newFn(1,2)// this指向obj