1.call()
第一个参数:this指向
如果要传参,后面依次是参数
function fn(x) {
console.log(x); // 打印的是1
console.log(this.name); // 打印的是小寿司
}
const obj = {
name:"小寿司"
}
fn.call(obj,1); // 此时fn()这个函数this指向obj这个对象,原来fn()这个函数的this指向window
// 原来fn()这个函数内部是没有name这个值,
// 改变this指向后就可以去obj这个对象中找name
2.apply()
与第一种方法不同的是,用数组的形式表示参数
function fn(x,y){
console.log(x,y); // 打印的是1,2
console.log(this); // 打印的是obj这个对象
console.log(this.name) // 打印的是小寿司
}
var obj = {
name:"小寿司"
}
fn(1,2); //这里执行输出的this是window全局对象,
fn.apply(obj,[1,2]); //改变this指向后,this.name就是小寿司
运行后控制台输出如下:
3.bind()
bind 只改变this指向,不会调用函数(call和apply都会)
function fn(x,y){
console.log(x,y);
console.log(this.name)
}
const obj = {
name:"小寿司"
}
fn(1,2);
fn.bind(obj,1,2)(); // 此时若没有后面的小括号,fn()这个函数将不会调用
call和apply的区别:
call()方法和apply()方法的作用相同,他们的区别在于接收的参数不同。