apply和call理解

apply和call定义:
apply:调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。
call:调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。
相同之处
都是用一个对象 来调用另外一个对象
不同之处
apply:可以接受两个参数 第一参数是新的this对象或者是null 第二个是一个数组;
如果不想用一个对象来调用另外一个对象 可以把第一个参数设置为null 表示改变被调用对象的参数形式例如 Math.min.apply(null,[1,2,3])
Math.min()可以接受以逗号分割的数字,但是现在求数组的最大值,可以用apply 的参数形似 可以调用;
call:接受多个参数 第一个参数同apply 后面的参数都是需要传入被调用函数;

举例子说明call 与apply

function Animal(name){
  this.name = name;
  this.showName = function(){
        console.log(this.name);    
    }    
}
 
function Cat(name){
	//此处用apply 改变的this的指向 继承了Animal这个构造函数
  Animal.apply(this,[name]);    
}
 
var cat = new Cat("咕咕");
cat.showName(); // '咕咕'

思考:Array.prototype.push可以实现两个数组的合并,

let arr_1=[1,2,3,4];
let arr_2=[4,5,7];
Array.prototype.push.apply(arr_1,arr_2)
console.log(arr_1)

手动自定义bind,call,apply

Function.prototype.myBind = function() {
	let that = this;
	let argObj = arguments[0];
	var arg = Array.prototype.slice.call(arguments, 1)
	if (typeof argObj !== 'object') {
		throw new TypeError('this is not function')
	}
	return function() {

		return that.apply(argObj, arg.concat(Array.prototype.slice.call(arguments)))
	}
}

Function.prototype.Mycall = function(context) {
	let obj = context || window;
	obj.fn = this;
	let arg = arguments.prototype.slice.call(1)
	let result = obj.fn(...arg)
	delete obj.fn;
	return result;
}

Function.prototype.Myapply = function(context) {
	let obj = context || window;
	obj.fn = this;
	result = arguments[1] ? obj.fn(arguments[1]) ? obj.fn([])
	delete obj.fn;
	return result;
}