obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);
两者的作用都是一致的,即把obj绑定到this.obj,这样thisobj就会具有obj的方法和属性,也就是obj继承了thisobj的方法和属性。唯一的区别是call接受一个连续参数,而apply接受的是一个数组参数。
1.基本用法:
function add(a,b){
return a+b;
}
function sub(a,b){
return a-b;
}
var a1 = add.apply(sub,[4,2]); //sub调用add的方法
var a2 = sub.apply(add,[4,2]);
alert(a1); //6
alert(a2); //2
/*call的用法*/
var a1 = add.call(sub,4,2);
2.实现继承
var parent = function () {
this.name = "parent";
this.age = 18;
}
var child = {}
console.log(child); //object {} 空对像
parent.call(child);
console.log(child); //object {name: 'parent',age: 18}
child继承了parent的方法和属性。 有很多人认为是把parent的属性放到了child里面,其实不是这样。是parent的this指针改变了,指向了child。当然apply的方法也是一样,并不是在child里面添加了什么,是在parent里面,改变了this的指向。其实是执行上下文的改变。
3.apply方法的一些妙用。(在网上看了很多例子,总结一下)
3.1 判断一个变量的类型
Object.prototype.toString.call(name)
如果是你给的name是一个obj。那么console.log()输出的是[object, object],如果是function,输出的是[object, function];
3.2 Math.max和Math.min方法的使用。
因为Math.max不支持Math.max([param1,param2...])也就是数组,但是它支持Math.max(param1, param2...),所以可以根据apply的特点来解决获取数组最大值的问题。
var max = Math.max.apply(null,arr);这里在调用的时候第一个参数给了null,这个是因为没有对象去调用这个方法,我只是用这个方法帮助运算,得到返回的结果就行。直接
传递一个null。用这种方法也可以实现得到数组中的最小项。
3.3 Array.prototype.push可以实现两个数组的合并
同样push方法没有提供push一个数组,但是它提供了push(param1,param2,param3...paramN),同样也可以用apply来转换一下这个数组,即:
1.var arr1 = new Array(1,2,3);
2.var arr2 = new Array(4,5,6);
3.Array.prototype.push.apply(arr1,arr2); //得到合并后数组的长度,因为push就是返回一个数组的长度
也可以这样理解,arr1调用了push方法,参数是通过apply将数组转换为参数列表的集合,arr1就会变成合并之后的数组。