手写call、apply、bind方法

手写call方法

思路：

1. 判断调用call方法的是不是函数，如果是，继续执行，如果不是，报错
2. 新建一个对象obj来调用这个函数
3. 创建一个fn函数来作为被调用的函数
4. 在结束调用后删除这个函数

Function.prototype.myCall = function(obj){
	if(typeof this !== "function"){   //this 指向调用obj的函数
		throw new TypeError("not a function")
	}
	//如果不给obj赋值那么默认为window
	obj = obj || window;
	obj.fn = this;
	let args = Array.from(arguments).slice(1)  //将伪数组转为数组
	let res = obj.fn(...args)
	delete obj.fn;  //删除函数
	return res;
}

手写apply方法

思路：

1. 判断调用apply方法的是否是函数，如果是继续，如果不是，报错
2. 新建一个对象obj来调用这个函数
3. 创建一个fn函数来作为被调用的函数
4. 在结束调用后删除这个函数

Function.prototype.myApply = function(obj){
	if(typeof this !== "function"){   //this 指向调用obj的函数
		throw new TypeError("not a function")
	}
	//如果不给obj赋值那么默认为window
	obj = obj || window;
	obj.fn = this;
	let res ;
	if(arguments[1]){
		res = obj.fn(...arguments[1])
	}else{
		res = obj.fn()
	}
	delete obj.fn;  //删除函数
	return res;
}

手写bind

思路：

1. 判断是否是函数调用，如果是，继续，如果不是，报错
2. 返回函数
3. 判断函数的调用方式，是否是new出来的，如果是，返回空对象，并且使创建出来的__proto__指向 this的prototype属性
4. 如果不是new出来的，改变this的指向

Function.prototype.myBind = function(obj){
	if(typeof this !== "function"){   //this 指向调用obj的函数
		throw new TypeError("not a function")
	}
	const that = this
	const args = Array.prototype.slice.call(arguments,1)
	return function fn1(){
		if(this instancof fn1){
			return new that(...args,...arguments)
		}else{
			return that.apply(fn,args.concat(...arguments))
	}
}

call、apply、bind方法有什么不同