一、call()方法
cal() 方法作用:1 可以调用函数 2 可以改变this的指向
应用场景 : 经常用于继承
var o = { name: 'andy' } function fn(a, b) { console.log(this); console.log(a+b) }; fn(1,2)// 此时的this指向的是window 运行结果为3 fn.call(o,1,2)//此时的this指向的是对象o,参数使用逗号隔开,运行结果为3
二、apply()方法
apply()方法作用 :1 可以调用函数 2 可以改变this的指向
应用场景 :经常跟数组有关系
var o = { name: 'andy' } function fn(a, b) { console.log(this); console.log(a+b) }; fn()// 此时的this指向的是window 运行结果为3 fn.apply(o,[1,2])//此时的this指向的是对象o,参数使用数组传递 运行结果为3
三、bind()方法
bind () 方法作用: 不会立即调用函数,但是会改变函数内部this的指向,返回的是原函数改变this之后产生的新函数
应用场景:不立即调用函数 但是想改变this的指向
var o = { name: 'andy' }; function fn(a, b) { console.log(this); console.log(a + b); }; var f = fn.bind(o, 1, 2); //此处的f是bind返回的新函数 f();//调用新函数 this指向的是对象o 参数使用逗号隔开
**
总结 :call() apply()bind()三者异同点
**
-
共同点:改变this的指向
-
异同点:
1 call 和 apply 会调用函数,并且改变函数内部this指向 call 和 apply
2 传递的参数不一样,call传递参数使用逗哈隔开,apply使用数组传递
3 bind 不会调用函数,可以改变函数内部this的指向 -
应用场景
1 call 经常做继承
2 apply 经常跟数组有关系,比如借助于数学对象实现数组最大值最小值
3 bind 不调用函数,但是还想改变this指向,比如改变定时器内部的this指向