js中的call()与apply()

js中的call()函数和apply()函数:

1、主要作用：是用于指定作用域和传参

(1)用于指定作用域 

 window.color = "red";
 var o = { color: "blue" };
 var sayColor = function () {
 debugger;
 alert(this.color);
  }
 sayColor();

 sayColor.apply(this);//undefinded
 sayColor.apply(window);//red
 sayColor.apply(o);//blue

(2)用于传参

  that = this;
  var sum = function (n1, n2) {
  debugger;
  this.n1 = n1;
  this.n2 = n2;
  return this.n1 + this.n2;
}
  var applySum1 = function (n1, n2) {
  that.aaaaa = function () { };
  return sum.apply(that, arguments); ///that都是windown
}
  var applySum2 = function (n1, n2) {
  that.bbbbb = function () { };
  return sum.apply(that, [n1, n2]); ///that都是windown
}
  var callSum = function (n1, n2) {
  that.ccccc = function () { };
  return sum.call(that, n1, n2); ///that都是windown
}
alert(applySum1(10, 12)); //22
alert(applySum2(10, 13)); //23
alert(callSum(14, 10)); //24    

2、apply()与call()解析

  apply:方法能劫持另外一个对象的方法，继承另外一个对象的属性.

 Function.apply(obj,args)方法能接收两个参数
obj：这个对象将代替Function类里this对象
args：这个是数组，它将作为参数传给Function（args-->arguments）

         call:和apply的意思一样,只不过是参数列表不一样.

　　Function.call(obj,n1,n1,...);

3、apply()巧用

(1)Math.max 可以实现得到数组中最大的一项

因为Math.max 参数里面不支持Math.max([param1,param2]) 也就是数组

但是它支持Math.max(param1,param2,param3…),所以可以根据刚才apply的那个特点来解决 var max=Math.max.apply(null,array),这样轻易的可以得到一个数组中最大的一项(apply会将一个数组装换为一个参数接一个参数的传递给方法)

 这块在调用的时候第一个参数给了一个null,这个是因为没有对象去调用这个方法,我只需要用这个方法帮我运算,得到返回的结果就行,.所以直接传递了一个null过去。

 var arg = [5, 2, 1, 6, 8];
 var max = Math.max.apply(null, arg);
 var min = Math.min.apply(null, arg);
 alert("max:" + max + "---min:" + min);

结果：max:8---min:1

(2)Math.min  可以实现得到数组中最小的一项

同样和 max是一个思想 var min=Math.min.apply(null,array);

(3)可以将两个数组合并

 var ar1 = [1, 2, 5];
 var ar2 = [5, 7, 9];
 ar1.push.apply(ar1, ar2);//ar1=[1,2,5,5,7,9]

而ar1.push(ar2);//结果ar1=[1,2,5,[5,7,9]]