手写bind, call, apply方法（二）

手写bind, call, apply方法（一）

注意 在函数上应用 …arr 可以将数组变为参数序列

function add(x,y){
	return x+ y	
}
var nums = [2,4]
add(...nums)

apply

Function.prototype.myApply = function(context, args){
	if(context == null){
		context = window
	}else{
		context = Object(context)
	}
	var key = Symbol('唯一标识符')
	// 防止覆盖context内部的原有属性
	context[key] = this 
	// args是一个数组, 在context[key](...args)函数调用时候将数组转化为了参数序列
	const result = context[key](...args)
	delete context[key]
	return result
}

测试成功，如图

call

// !! 这里由于args是参数序列，通过...args将参数序列转为数组引入，否则它只引第一个参数
Function.prototype.myCall = function(context, ...args){
	if(context == null){
		context = window
	}else{
		context = Object(context)
	}
	var key = Symbol('唯一标识符')
	// 防止覆盖context内部的原有属性
	context[key] = this 
	// 由于args已经变成了参数数组，所以再次调用需要...args 再转成参数序列	
	const result = context[key](...args)
	delete context[key]
	return result
}

测试一下，欧克