超容易理解的call()、apply()、bind()的区别

雨点打透心脏的1/2处 2021-11-09 14:00 278阅读 0赞

call()、apply()、bind()是用来改变this的指向的。

一 举个例子

一个叫喵喵的猫喜欢吃鱼，一个叫汪汪的小狗喜欢啃骨头，用代码实现如下：

//第一种，用call方法  
cat.eatFish.call(dog,"旺财-13岁","call");  
//第二种，用apply方法，参数不一样  
cat.eatFish.apply(dog,\["旺财-13岁","apply"\]);

![1675284-20190615142248780-733952848.png][]

这样，汪汪就吃到了美味的鱼干。可是汪汪每吨都想来点小鱼干，喵喵还要工作去捉老鼠，所以它们又想了一个办法，喵喵把吃鱼的方法教给汪汪。这样，每次汪汪就可以自己吃小鱼干了。

var eatFishFun = cat.eatFish.bind(dog,"旺财-13岁","bind"); //返回的是方法  
  
eatFishFun();

![1675284-20190615142235880-100121132.png][]

bind()方法在这里再多说一下，bind的时候传的参数会预先传给返回的方法，调用方法时就不用再传参数了。

撇开上面的例子，看看一个特殊情况：

如果call()和apply()的第一个参数是null或者undefined，那么this的指向就是全局变量，在浏览器里就是window对象。

![1675284-20190615142212350-1913674387.png][]

以上，就是三个方法的用法和区别，如果有任何问题，欢迎高质量的交流。  
\---------------------  
作者：Lin\_Dan\_Dan  
来源：CSDN  
原文：https://blog.csdn.net/u010176097/article/details/80348447  
版权声明：本文为博主原创文章，转载请附上博文链接！

转载于:https://www.cnblogs.com/sugartang/p/11027480.html

[1675284-20190615142248780-733952848.png]: /images/20211109/120adeca45354d4eb1ad72f3504f401e.png
[1675284-20190615142235880-100121132.png]: /images/20211109/72cdace0b5624cf0844945095badee36.png
[1675284-20190615142212350-1913674387.png]: /images/20211109/c4197c6ef9404b14b1539ac96e41df2a.png