首页 > 技术文章 > 谈谈 javascript的 call 和 apply用法

tangjianqiang 2018-09-30 10:33 原文

定义:

ECMAScript规范为所有函数都包含两个方法(这两个方法非继承而来),call和apply,这两个函数都是在特定的作用域中调用函数,能改变函数的作用域,实际上是改变函数体内 this 的值 。

语法:

call(thisObj,Object)

apply(thisObj,[argArray])

call 和 apply的相同点:thisObj都是一个对象,调用一个方法,通过改变this的指向,以另外一个对象替换当前对象。

call 和 apply的区别:call的第二个参数是逐个依次传入.而apply的第二个参数为一个数组,也就是将多个参数组合成一个参数数组(apply 可以直接将当前函数的arguments对象作为apply的第二个参数传入)

用法1(调用函数,传递参数)

//定义一个add 方法 function add(x, y) { return x + y; } //用call 来调用 add 方法 function myAddCall(x, y) { //调用 add 方法 的 call 方法 return add.call(this, x, y); } //apply 来调用 add 方法 function myAddApply(x, y) { //调用 add 方法 的 applly 方法 return add.apply(this, [x, y]); } console.log(myAddCall(10, 20)); //输出结果30 console.log(myAddApply(20, 20)); //输出结果40

用法2(改变函数作用域,实现继承)

//父类 Person function Person() { this.sayName = function() { return this.name; } } //子类 Chinese function Chinese(name) { //借助 call 实现继承 Person.call(this); this.name = name; this.ch = function() { alert('我是中国人'); } } //子类 America function America(name) { //借助 call 实现继承 Person.call(this); this.name = name; this.am = function() { alert('我是美国人'); } } //测试 var chinese = new Chinese('成龙'); //调用 父类方法 console.log(chinese.sayName()); //输出 成龙 var america = new America('America'); //调用 父类方法 console.log(america.sayName()); //输出 America

 

最后:其实call和apply差不多,看你怎么用。

推荐阅读