call ,apply ,bind 三者的区别
在写call,apply,bind 方法之前,我们先了解一下三个函数的区别
1,call 和apply 是直接返回结果,bind 是返回函数,所以call和appy 是可以直接调用,而bind 还要再调用一次才能返回结果
2,call 和 bind ,参数都是队列,一个一个传参,而apply的参数是一个数组
3,他们都可以改变this 指向
手写实现call 方法
Function.prototype.Mycall=function(context,...args){
context=context||Window
context.this=this //this,就是调用的函数
let res=context.this(...args)//这里传参,并执行函数
delete context.this //删除函数
return res //返回结果
}
手写apply 方法
Function.prototype.Mycall=function(context,...args){
context=context||Window
context.this=this //this,就是调用的函数
let res=context.this(...args[0])//这里传参,并执行函数,因为这里是数组,所以我们取第一个数组,就是我们要的参数
delete context.this //删除函数
return res //返回结果
}
手写bind 方法
Function.prototype.Mycall=function(context,...args){
context=context||Window
context.this=this //this,就是调用的函数
return function(){
let res=context.this(...args0)//这里传参,并执行函数
delete context.this //删除函数
return res //返回结果
}
}
手写call,apply,bind ,方法就分享结束 了,有兴趣的小伙伴可以留言谈论