【复习】call，apply，bind三个方法的异同

call，apply，bind三个方法都用来处理函数内部this指向的问题

call：会自动调用函数，并且改变this指向

// call：函数的方法，作用，改变this指向
		// 普通函数
		function fn (a, b) {
			console.log(this, a, b);// this指向window[window调用的这个函数]
		}
		// fn();
		var obj = {name : '张三丰', age : 22};

		// 改变this指向
         //obj undefined undefined
		 fn.call(obj);
		// obj 111 222
		fn.call(obj, 111, 222);

 结果示例：

 

 

apply：会自动调用函数，但是传参必须数组形式

简单示例： 

function fn (a, b, c) {
			console.log( this, a, b, c );
		}

		var o = {name : '刘德华', age : 23};
		// 改变this
		fn.apply(o, [111, 222, 333]);

数组中求最大值：

var arr = [123,456,23,44,66,99];
		// var n = Math.max(123,456,657,657,2345,456,345,234,345);
		// console.log( n );	
		var n = Math.max.apply(null, arr);
		console.log( n );

 

  bind:不会自动调用函数，只能手动执行函数，传参与call一致

   简单示例：

function fn (a, b,) {
			console.log(this, a, b);
		}

		var o = {name : '阿飞', age : 22};

		var newFn = fn.bind(o, 111, 222);//使用bind不会立即执行，需要手动调用
		newFn();

  定时器示例：

  点击禁用按钮，3s后通过bind将定时器的this指向（window）改为btn（按钮），所以3s后按钮恢复启用状态

var btn = document.querySelector('input');

		btn.onclick = function () {
			// 点击吧按钮禁用
			this.disabled = true;
			// 启动延迟性定时器
			window.setTimeout(function () {
				this.disabled = false;
				// call，apply，bind
			}.bind(this), 3000);
		}

 call，apply，bind在传参和调用上有所不同