JavaScript - 对call、aplly和bind的理解

参考： 小芒果cuty
地址：https://blog.csdn.net/caipital/article/details/108437024

1.call（）方法：可以改变函数this的指向，一般用在继承方面

如：

	function fun1(a, b) {
		console.log(this)
		console.log(a+b)
	}
	function fun2(a, b) {
		console.log(this)
		console.log(a-b)
	}
	fun1(1,2)//输出window + 3
	fun2(2,1)//输出window + 1
	fun1.call(fun2,1,2)//输出fun2 + 3

2.apply（）方法：可以改变函数内this指向，与call（）方法的区别在于，接收的参数为数组。

	function func(a, b) {
		console.log(this)
		console.log(a+b)
	}
	let obj = {
		name: '我是obj对象'
	}
	func(1, 2)//输出window + 3
	func.apply(obj,[1,2])//输出obj对象 + 3
	
	// 运用在math中：
	let num = Math.max(1,2,3)
	console.log(num)//输出3
	let num2 = [1,2,3]
	console.log(Math.max(...num2))//输出3
	console.log(Math.max.apply(null,num2))//输出3
	console.log(Math.max.apply(Math,num2))//输出3
	console.log(Math.max.apply(Function,num2))//输出3

3.bind（）方法：可以改变this指向，但不掉用函数，而是生成一个新的函数。

如：

	function fun(a, b) {
		console.log(this)
		console.log(a+b)
	}
	let obj = {
		name: '我是obj对象'
	}
	fun(1, 2)//输出window + 3
	let new_fun1 = fun.bind(obj)
	new_fun1(1,2)//输出obj对象 + 3
	fun.bind(obj, 3, 2)//无输出
	let new_fun2 = fun.bind(obj, 1, 2)
	new_fun2()//输出obj对象 + 3