谈谈 javascript的 call 和 apply用法

定义:

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差不多，看你怎么用。