javascript中的call()方法和apply()方法用法总结

来源:互联网 发布:xin7红警网络点不进去 编辑:程序博客网 时间:2024/06/06 05:39
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就会变成合并之后的数组。

阅读全文
3 0
原创粉丝点击