JavaScript 百分网手机站

javascript中apply()和call()方法的区别

时间:2018-06-01 20:19:45 JavaScript 我要投稿

关于javascript中apply()和call()方法的区别

  如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆。好了,不给大家唠嗑了,言归正传吧,先给大家讲下apply和call方法的定义。

  具体内容如下所示:

  方法定义

  call, apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性.既然作为方法的`属性,那它们的使用就当然是针对方法的了.这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同.

  call方法:

  语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]])

  定义:调用一个对象的一个方法,以另一个对象替换当前对象。

  说明:

  call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

  如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

  apply方法

  语法:apply([thisObj[,argArray]])

  定义:应用某一对象的一个方法,用另一个对象替换当前对象。

  说明:

  如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。

  如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数

  call, apply作用就是借用别人的方法来调用,就像调用自己的一样.

  它们的不同之处:

  apply:最多只能有两个参数——新this对象和一个数组 argArray。如果给该方法传递多个参数,则把参数都写进这个数组里面,当然,即使只有一个参数,也要写进数组里面。如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

  call:则是直接的参数列表,主要用在js对象各方法互相调用的时候,使当前this实例指针保持一致,或在特殊情况下需要改变this指针。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

  更简单地说,apply和call功能一样,只是传入的参数列表形式不同:如 func.call(func1,var1,var2,var3)对应的apply写法为:

  func.apply(func1,[var1,var2,var3])

  如:

  add.apply(sub,[3,1]);//add.call(sub,3,1);var a={n:1,m:2,add:function(){return this.n+this.m;}}var b={n:3,m:4}console.log(a.add.call(b));//b.n+b.m=7function Animal(){ this.name = "Animal"; this.showName = function(){ alert(this.name); } }function Cat(){ this.name = "Cat"; } var animal = new Animal(); var cat = new Cat(); //通过call或apply方法,将原本属于Animal对象的showName()方法交给对象cat来使用了。 //输入结果为"Cat" animal.showName.call(cat,","); animal.showName.apply(cat,[]);

  以上内容是小编给大家介绍的apply和call方法定义及apply和call方法的区别,希望大家喜欢。

【关于javascript中apply()和call()方法的区别】相关文章:

1.Javascript的call、apply的理解

2.关于JavaScript中call()和apply() 的一些理解

3.如何理解JavaScript的caller,callee,call,apply

4.如何理解Javascript的caller,callee,call,apply区别

5.Javascript中call与apply的学习笔记示例

6.关于javascript中encodeURI和decodeURI的使用方法

7.JavaScript和JSP的区别

8.javascript中callee与caller的区别