深入理解call和apply-优快云博客

1.想要深入了解 call() 和 apply() 这两个方法，那么必须要先知道他们的基本作用

什么是执行上下文？

我们在写一个方法的时候，总是会用到一个关键字this，而this的指向就是我们这里所说的执行上下文（执行环境）

首先我们要知道，this指向的永远是调用该方法的对象，如何证明this的指向就是当前对象呢？看下面这段代码：

function func (){
    this.a=1;
    console.log(this.a)
}
func()  //1

代码中方法执行后控制台输出1，由于func是全局对象window下的一个方法，那么调用该方法的对象就应该是全局对象window，所以this理论上指向的对象就应该是window

如果理论成立，而this.a==1，也就是说变量a是一个全局变量。在控制台上直接输入a或window.a后回车，会发现输出了1，所以在func这个方法中，this的指向就是window

换个方式来验证下：

	var person = {
		name: 'xiao ming',
	   age: 18,
	  who: function () {
	     console.log( 'my name is ' + this.name + ' , ' + this.age + ' years old' );
	     console.log( person === this);
	  }
	}
	person.who();
	// my name is xiao ming , 18 years old
	// true

上面这段代码中who方法是person对象的一个属性，被person对象调用，所以this的指向也就是person

2.基本使用

call()

调用call的对象必须是个函数function
call的第一个参数将会是function改变上下文后指向的对象，也就是上面例子里的小刚，也就是上上面例子里的老婆大人，如果不传，将会默认是全局对象window
第二个参数开始可以接收任意个参数，这些参数将会作为function的参数传入function
调用call的方法会立即执行

apply()

与call方法的使用基本一致，但是只接收两个参数，其中第二个参数必须是一个数组或者类数组，这也是这两个方法很重要的一个区别

3.由于可以改变this的指向，所以也就可以实现对象的继承

function superClass () {
	    this.a = 1;
	    this.print = function () {
	        console.log(this.a);
	    }
    }

	function subClass () {
	    superClass.call(this);
	    this.print();
	}

	subClass();
	// 1

subClass通过call方法，继承了superClass的print方法和a变量，同时subClass还可以扩展自己的其他方法.

var foo = {
value: 1
};
window.value = 2;
function bar() {
console.log(this.value);//这个this默认指向的是这个函数，如果这个函数里面没有value这个属性，就会在window里面找;
}
bar();//2
bar.call(foo); // 1 改变了函数里面this额指向，原来指向的是wingdow,现在指向的是foo这个对象；

4. 容易理解的如下

function test(str) {
            console.log(this.name + " " + str);
        }
  test('jdaj');//jdaj;
  var object = new Object();
  object.name = 'zhangsan';
  test.call(object,"sxy");//zhangsan sxy

在这个例子里面如果直接按正常的传递参数输出的只有str的值，this.name的值为空，因为这个函数里面没有设置this。name这个属性，window里面也没有设置name属性，所以输出的值为空；
test.call(object,”sxy”);这句话的理解就是执行test（）这个函数，执行这个函数的同时调用了函数本身的方法call()这个方法，call（object，‘sxy’）；执行test.call(object,”sxy”)正常传递了一个’sxy’相当于函数里面的str；object这个参数意思是我们原来test（）函数里面this指的是test（）本身，这里写了object，就是把this的指向换成了object；

call（）和apply（）这两个函数的主要用法是改变函数的作用域，譬如上面介绍的。

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

可以用 Math.max.apply(null,array) 获取一个数组中的最大值；同理 Math.min.apply(null,array) 获取一个数组中最小值。

6 .Array.prototype.push 可以实现两个数组合并

Array.prototype.push.apply(arr1,arr2);

7 .Array.prototype.slice.call(arguments) 将一个函数里的参数转为数组

call 和apply

什么是执行上下文？