JavaScript call和apply的区别
2017-12-14 10:59
344 查看
写在前面
很多来面试前端工程师的人说自己精通Javascript语言,问他cal4000
l()和apply()这两个方法有什么区别,结果往往是一问三不知。
其实区分 apply和call就一句话:http://jafeney.com/2016/01/10/2016-01-10-call/
1 | foo.call(this,arg1,arg2,arg3)==foo.apply(thsi,arguments)==this.foo(arg1,arg2,arg3); |
两者区别
>call 和 apply都属于Function.prototype的一个方法,它是Javascript引擎内在实现的,因为属于Function.prototype对象的实例,也就是每个方法都有call,apply属性,这两个方法很容易混淆,因为他们的作用一样,只是使用方式不同(传递的参数不同)。
不同点分析
我们针对上面的foo.call(this,arg1,arg2,arg3)展开分析:<br/> foo 是一个方法,this是方法执行时上下文相关对象,永远指向当前代码所处在的对象中。arg1,arg2,arg3是传给foo方法的参数。
12345678910111213141516 | function A(){ var message="a"; return{ getMessage:function(){return this.message} }}function B(){ var message="b"; return{ setMessage:function(message){this.message=message} }}var a=new A();var b=new B();b.setMessage.call(a,"a的消息");alert(a.getMessage()); //这里将输出“a的消息” |
所以,b.setMessage.call(a,”a 的消息”);就等于用a做执行时上下文对象调用b对象的setMessage()方法,而这个过程与b一点关系都没有。作用等效于a.setMessage()
下面说一下apply的使用场景
123456789101112 | function print(a,b,c,d){ console.log(a+b+c+d);}function example(a,b,c,d){ //用call方式借用print,参数显式打散传递 print.call(this,a,b,c,d); //apply方式借用print,参数作为一个数组传递 print.apply(this,arguments); //或者这样写 print.apply(this,[a,b,c,d]);}example('我','不','开','心'); |
相关文章推荐
- JavaScript中apply()、call()和bind()的相似与区别
- JavaScript方法call,apply,caller,callee,bind的使用详解及区别
- javascript中apply、call和bind的区别
- 关于JavaScript中apply与call的用法意义及区别
- 关于JavaScript中apply与call的用法意义及区别(转)
- 整理JavaScript的Call和Apply区别
- 关于javascript中apply()和call()方法的区别
- JavaScript中的call 和apply的用途以及区别
- javascript(js)中函数apply和call的用法、区别、联系
- 关于javascript中apply()和call()方法的区别
- JavaScript中call()和apply()区别(转)
- 关于javascript中apply()和call()方法的区别
- JavaScript方法call,apply,caller,callee,bind的使用详解及区别
- javascript中apply、call和bind的区别
- 关于JavaScript中apply与call的用法意义及区别(转)
- JavaScript中的call和apply的用途以及区别
- JavaScript中 apply/call 与面向对象语言中继承关系的联系和区别
- JavaScript中的this,call,apply使用及区别详解
- 关于javascript中apply()和call()方法的区别
- 关于JavaScript中apply与call的用法意义及区别