【JavaScript】call()和apply()方法

定义：

ECMAScript规范为所有函数都包含两个方法(这两个方法非继承而来), call 和 apply 。

作用

func.call(obj, arg1,arg2…)，将func内部的this指向改变为指向obj

call与apply的区别

功能相同，区别在于传入参数的方式不同，call方法是将参数一个个的传入，而apply方法是接收一个参数数组

例子

用法1：改变this指向

var a = 1;
var obj = {
	a:2,
}
function func(){
	console.log(this.a)
}
func()//输出1
func.call(obj)//输出2，因为call方法改变了func的作用域，将其this指向了obj

用法2：实现js继承

//父类
function Parent(){
	this.sayName = function(){
		return this.name;
	}
}
//子类
function Child(name){
	Parent.call(this);
	this.name = name;
}
var chi = new Child('alex')
chi.sayName()//alex

用法3：巧妙的用法

1. Math.max(arg1,agr2…)可以接收多个参数，并返回最大的那个，但是该函数不支持接收数组，但由于apply接收的参数是以数组的方式传入，所以我们可以这样用

var arr = [2,3,1,4]
var maxNum = Math.max.apply(null,arr)//maxNum = 4
Math.max(arr)//这样不能求出最大值

2. Array.prototype.push可以实现两个数组的合并，同样push方法没有提供push一个数组，但是它提供了push(param1,param2…paramN)，同样也可以用apply来转换一下这个数组，即：

var arr1 = [1,2,3,4]
var arr2 = [5,6,7,8]
var arr = Array.prototype.push.apply(arr1,arr2) //arr=[1,2,3,4,5,6,7,8]