7-call/apply/bind三者的用法和区别
call/apply/bind都是改变this指向的方法
fn.call当前实例(函数)通过原型链的查找机制,找到function。prototype上的call方法,function call(){【native code】}
fn.call()
把找到的call方法执行
当call方法执行的时候,内部处理了一些事情
1首先把要操作的函数中的this关键字变为call方法第一个传参的实参
2把call方法第二个及之后的实参获取到
3把要操作的函数执行,并且把第二个以后传递进来的实参传递给函数
call中的细节
1:非严格模式
如果不传参,或者一个参数还是null或undefined,this都指向window
2:严格模式
第一个参数是谁,this就指向谁,包含null和undefined,如果不穿参数this就是undefined
2apply
apply:和call基本上一致,唯一区别在于传参方式
apply把需要传递给fn的参数放到一个数组(或者类数组)中传递进去,虽然写的是一个数组,但是也相当于给一个fn一个个的传递
3bind
bind:语法和call一摸一样,却别在于立即执行还是等待执行,bind不兼容IE6~8
语法:{
fn.call(obj, 1, 2); // 改变fn中的this,并且把fn立即执行
fn.bind(obj, 1, 2); // 改变fn中的this,fn并不执行
}
this改变为obj了,但是绑定的时候立即执行,当触发点击事件的时候执行的是fn的返回值undefined
document.onclick = fn.call(obj);
bind会把fn中的this预处理为obj,此时fn没有执行,当点击的时候才会把fn执行
call apply bind 的区别
最新推荐文章于 2024-09-05 08:47:24 发布