call play

call(),apply()方法的作用都是用来改变函数运行时的上下文（Context），那么什么是上下文呢？

关于上下文

上下文就是函数中this的值，它的值等于函数运行时，调用这个函数的对象，也就是说，上下文是可以动态改变的，随着函数执行环境的不同，它的值也会发生变化。比如：

在全局作用于中调用函数，函数的上下文为Global对象(在浏览器中为window对象),eg:

varname ='JavaScript';functionsayName(){console.log(this.name);}// 在全局作用域中调用sayName,此时相当与window.sayName();// 所以此时的 this = window,即函数运行时的上下文为： window对象sayName();

在特定对象中调用函数，this指向这个对象，eg:

functionCat(name,sound){this.name = name;this.sound = sound;}Cat.prototype.speak =function(){console.log(`${this.name}speak${this.sound}`);}varmipang =newCat('mipang','喵喵喵~~');// 在对象mipang中调用函数speak，此时函数speak内部的指针指向mipang// mipang有两个属性，name:'mipang',sound:'喵喵喵~~'；// 所以输出是： mipang speak 喵喵喵！！mipang.speak();

call()、apply()语法

通过上面的例子，我们对上下文有了一个基本概念，此时我们再来讨论call(),apply()

如一开始所说，call()和apply()都是用来改变函数执行时的上下文的，两者的区别是传参方式的不同：

// call()具有多个参数，apply方法只有两个参数；// 两者的第一个参数都是一个对象obj，用来改变函数function的上下文；// 即 函数function中的this指向obj对象；function.call(obj,arg1,arg2,arg3,...);// 第一个参数后面的参数是一个参数列表function.apply(obj,[arg1,arg2,arg3,...])// 第二个参数是一个数组，数组的元素为函数的参数，即将call()方法的参数列表写成数组形式

我们举个例子来说一下call和apply的具体用法：

// 创建对象bajie,bajie有个introduce方法可以用来介绍自己的光辉事迹varbajie = {name:'猪八戒',introduce:function(job,ability){console.log(job +this.name + ability);  }}bajie.introduce('天蓬大元帅','调戏嫦娥仙子');//天蓬大元帅猪八戒调戏嫦娥仙子// 创建对象wukong，wukong并没有一个介绍自己光辉事迹的introduce方法varwukong = {name:'孙悟空'}

假设我们想让wukong也有办法来介绍自己的光辉事迹，可以给对象wukong添加一个相同的introduce方法

假设我们也想给牛魔王、白骨精、金角大王等等相同的能力，难道要分别给每一个创建这个方法吗？当然不是，这个时候call(),apply()就派上用场了:

bajie.introduce.call(wukong,'齐天大圣','调戏嫂嫂铁扇公主');bajie.introduce.apply(wukong,['齐天大圣','调戏嫂嫂铁扇公主']);// 齐天大圣孙悟空调戏嫂嫂铁扇公主

我们来看一个实际应用场景：

functionAnimal(name,food,sound){this.name = name;this.food = food;this.sound = sound;}Animal.prototype.speak =function(){console.log(this.name+'爱吃'+this.food+'    '+this.sound);}functionCat(name,food,sound){// Animal.call(this,name,food,sound);Animal.apply(this,arguments);}Cat.prototype =newAnimal();varcat =newCat('咪胖','鱼','喵喵喵~');cat.speak();// 咪胖爱吃鱼    喵喵喵~

apply()方法特性：

apply方法会将默认将参数数组转换为参数列表，利用这一特性，有下面几个应用：

数组合并：

vararr1 = [1,2,3];vararr2 = [4,5,6];// 因为push()方法只接受参数列表，利用apply的特性将数组参数转为参数列表arr1.push.apply(arr1,arr2);// 或者Array.prototype.push.apply(arr1,arr2);console.log(arr1);// [1,2,3,4,5,6]

// 该方法接受参数列表，并将参数列表转为数组返回functiontranstoArray(){varvalues =newArray();  values.push.apply(values,arguments);returnvalues;}vararr = transtoArray('张三','李四','王五','赵六');console.log(arr);// ['张三','李四','王五','赵六']

求的数组中的最大值和最小值

vararr = [1,8,5,4,5,9,6,3,7];varmaxValue =Math.max.apply(null,arr);console.log(maxValue);// 9varminValue =Math.min.apply(null,arr);console.log(minValue);// 1