标签：调用 console 函数 指向 模式 68 上下文 fn log

上下文调用模式：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>

打印结果：

14   

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>

打印结果：

20  

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]

 

标签：调用,console,函数,指向,模式,68,上下文,fn,log
来源： https://www.cnblogs.com/zhaodz/p/11593361.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。