call与apply的实现思路

call和apply是处于Array的原型对象上的方法，二者均可更改this指向

Function.prototype.apply()
Function.prototype.call()

基本使用

const obj1 = {
	name: '汤姆',
	cat(age,sex) {
		// return this
		return `我是${this.name},今年${age},性别：${sex}`
	}
}
const obj2 = {
	name: '杰瑞'
}
// obj2在没有cat方法的前提下想要借用obj1.cat()
// 可以使用call()
console.log(obj1.cat.call(obj2, 12, '男'));
或者
console.log(obj1.cat.apply(obj2, [12, '男']));
call和apply参数
apply(thisArg)
apply(thisArg, argsArray) //目标对象或者目标对象和一个数组
function.call(thisArg, arg1, arg2, ...) // 目标对象和参数（允许多个）

// 实现一个call()
Function.prototype.myCall = function (target,...args){
	const target =  target || window
	// 定义一个独一无二的标识
	const symbolkey = Symbol()
	// target为目标对象  this指向调用者 即调用的方法
	// 为目标对象添加方法
	target[symbolkey] = this
	//执行方法后删除 
	const res = target[symbolkey](...args)
	delete target[symbolkey]
	return res
}

console.log(obj1.cat.myCall(obj2, 12, '男'));

// apply方法接收一个数组
// 实现一个apply()
Function.prototype.myApply = function (target,args){
	const target =  target || window
	// 定义一个独一无二的标识
	const symbolkey = Symbol()
	// target为目标对象  this指向调用者 即调用的方法
	// 为目标对象添加方法
	target[symbolkey] = this
	//执行方法后删除 
	const res = target[symbolkey](...args)
	delete target[symbolkey]
	return res
}
console.log(obj1.cat.myCall(obj2, [14, '男']);


另外bind方法  调用者是一个function 返回一个function
Function.prototype.myBind = function(tar, ...argsBind) {
			tar = tar || {}
			const symbol = Symbol()
			tar[symbol] = this
			return function(...argsFunc) {
				const res = tar[symbol](...argsBind, ...argsFunc)
			// 此处不能够删除方法，返回的方法可以多次调用
				return res
			}
		}
const cat2 = obj1.cat.bind(obj2)
		console.log('cat2', cat2);
		console.log(cat2(100, '男'));

const catBind = obj1.cat.myBind(obj2)
		console.log('catBind',catBind);
		console.log(catBind(10, '男'));