看看真正的bind,手撕原理手写实现

直接上代码，代码中有详细的备注

例子

			function fn(...args){
				console.log(arguments)
				const a = this.a
				console.log(a)
				console.log(this)
				console.log(args)
			}
			
			let obj={
				a:1,
				objFn: fn
			}
			
			obj.objFn.bind(this)()
			obj.objFn.bind(this,1,2,3,4,5)(1,2,3,4,5)
			

手写实现

// bind是在函数定义的时候进行this指向的绑定
//bind进行绑定之后，返回的是一个函数，也就是我们所谓的闭包
Function.prototype.bind = function(context, ...args1){
	// 防止Function.prototype.bind()的方式调用
	if(this === Function.prototype){
		throw new TypeError('Error')
	}
	// this指向的是当前的函数
	const _this = this
	
	// 返回的是一个函数，而我们在函数中也可以传递参数，并且我们的参数会进行合并
	// 例如args1.concat(args2)
	return function F(...args2){
		console.lo(_this)
		console.lo(this)
		// 判断是否把bind返回的当做有一个构造函数，使用new操作符
		// let person =new Person.bind(obj)()
		// 我们的构造函数的调用和普通函数的调用时有区别的
		// new Person() 和 Person()是有区别的
		// 如果是这样的话，那就返回new Person
		if(this instanceof F){
			// _this 就是我们调用的构造函数的实例，所以我们返回的是new操作的实例
			return new _this(...args1,...args2)
		}
		// 如果不是，就直接返回一个函数调用结果
		// a.bind(context)()
		// 进行分解a.bind返回的是F函数
		// 之后我们在进行调用函数，并且把传入的上下文作为调用的上下文
		return _this.apply(context, arg1.concat(args2))
	}
} 

ok,写完了。如有错误，请各位指正