阅读量:0
目录
call()方法
格式： 函数名.call(修改的this,参数1,参数2....);
参数：
第一个参数:传入该函数this指向的对象，传入什么强制指向什么
第二个参数:将原函数的参数往后顺延一位。
var Person = { name: "zhangsan", age: 19 } function fn(x, y) { console.log(x + "," + y); console.log(this); console.log(this.name); } fn(10, 11); //this指向window--10,11 window 空 fn.call(Person, 10, 11); //this指向Person--10,11 Person{}对象 zhangsan
apply()方法
格式： 函数名.apply(修改的this, 数组/伪数组);
参数：
第一个参数:传入该函数this指向的对象，传入什么强制指向什么
第二个参数:数组,数组里面放入我们原有的参数
apply会自动遍历数组和伪数组,然后逐一传参
var Person = { name: "zhangsan", age: 19 } function fn(x, y) { console.log(x + "," + y); console.log(this); console.log(this.name); } fn.apply(Person, [1, 2]); //this指向Person--1,2 Person{}对象 zhangsan
bind() 方法：预设this指向
格式：函数.bind(修改的this,参数...)()
bind不会立即执行函数,，然后返回一个新函数，此时这个新函数this已经指向新的位置了
var Person = { name: "zhangsan", age: 19 } function fn(x, y) { console.log(x + "," + y); console.log(this); console.log(this.name); } fn.bind(Person, 1, 2); //只是更改了this指向，没有输出 fn.bind(Person, 3, 4)(); //this指向Person--3,4 Person{}对象 zhangsan 三者的区别
相同点 :
- (1)都可以修改this指向
- (2)三者第一个参数都是
this要指向的对象，如果如果没有这个参数或参数为undefined或null，则默认指向全局window
不同点 :
- (1)传参方式不同 : call是单个传参, apply是数组/伪数组传参
- (2)执行机制不同 : call和apply会立即执行函数, bind不会立即执行而是得到修改this的新函数
