js call() 和apply() 理解

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js call() 和apply() 理解相关的知识,希望对你有一定的参考价值。

 1. call() 和apply() 作用:

 因为js没有私有类的概念,我们在做组件开发的时候经常会用到这两个方法来实现你的组件,理解这个同时也有助于理解js"this"的取值(是执行上下文环境的一部分)

 2.call() 和apply() 来源:

call()和apply() 是Function()的成员方法,其他方法是通过"--proto--"(隐式原型)继承Function()得到的。
;技术分享

 

 3.call() 和apply() 区别:

本质上来个东西是一样的,唯一的区别是传的参数不一样 
Function.apply(obj,args)方法能接收两个参数 obj:这个对象将代替Function类里this对象 args:这个是数组,它将作为参数传给Function(args-->arguments)
 Function.call(obj,[param1[,param2[,…[,paramN]]]]obj:这个对象将代替Function类里this对象 params:这个是一个参数列表

 4.用法理解:

 4.1 apply自动将参数数组,转为参数列表

 在碰到某个方法传的死参数列表,而你自己现有的数据是参数数组,这个时候可以用通过它很方便的进行处理

 eg: 

 获取数组中最大值和最小值时: 
技术分享 

 4.2 改变方法类部的this作用域

技术分享

 

技术分享

 

以上是关于js call() 和apply() 理解的主要内容,如果未能解决你的问题,请参考以下文章

理解js中的call()和apply()

如何理解和熟练运用js中的call及apply?

如何理解和熟练运用js中的call及apply?

理解和熟练运用js中的call及apply

理解JS中的callapplybind方法

理解JS中的callapplybind方法