上下文调用模式

最新推荐文章于 2022-08-25 11:42:06 发布

R398562246

最新推荐文章于 2022-08-25 11:42:06 发布

阅读量125

点赞数

原文链接：http://www.cnblogs.com/zhaodz/p/11593361.html

版权

上下文调用模式：JS提供给我们的三个方法，而这三个方法的作用是随意控制函数中this的指向

1.函数.call（第一个参数：想让函数中this指向谁，就传谁进来

后面的参数：本身函数需要传递的实参，一个个传递进来即可）

call（）的作用：

（1）调用函数

（2）指向函数中this的指向

 <script>
 function fn(x,y){
   console.log(x+y)
   console.log(this)
 }
 fn.call([15,54,68],5,9)
</script>

打印结果：

Array（3）

2.函数.apply(第一个参数：想让函数中this指向谁，就传谁进来,

第二个参数要求传一个数组，数组中包含了要传递的实参)

apply（）的作用：

（1）调用函数

（2）指向函数中this的指向

 <script>
 function fn(x,y){
   console.log(x+y)
   console.log(this)
 }
 fn.apply([12,54,68],[11,9])
</script>

打印结果：

Array（3）

3.函数.bind（第一个参数：想让函数中this指向谁，就传谁进来

后面的参数：本身函数需要传递的实参，一个个传递进来即可）

bind()的作用：

（1）克隆当前函数，返回克隆出来的新的函数

（2）新克隆出来的函数，这个函数的this被指向了

 <script>
 function fn(x,y){
   console.log(x+y)
   console.log(this)
 }
 var f=fn.bind([12,54,68],1,9)
 f();
</script>

打印结果：10

[12,54,68]

4.上下文调用模式的三个方法的总结

（1）call，allay，这两个方法都会调用函数

（2）call，bind，这两个方法里面的传参方式是一样的

（3）bind ，方法不会调用函数，只会克隆一个新的函数出来

转载于:https://www.cnblogs.com/zhaodz/p/11593361.html

关注