js中call、apply、bind的实现原理

最新推荐文章于 2025-08-04 20:59:31 发布

原创最新推荐文章于 2025-08-04 20:59:31 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

本文通过手写代码的方式实现了JavaScript中Function.prototype下的call、apply及bind方法，详细解析了这些方法的工作原理，并提供了完整的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

手写模仿实现call、apply、bind的实现。

//call的实现
Function.prototype.mycall=function(context,...args){
	context=context||window;
	context.fn=this;
	delete context.fn(...args);
	return;
}
//apply的实现
Function.prototype.myapply=function(context,args){
	context=context||window;
	context.fn=this;
	delete context.fn(args);
}
//bind的实现
Function.prototype.mybind=function(context){
	let self=this;
	function noop(){}
	let args=Array.prototype.slice.call(arguments,1);
	let myBound=function(){
		let myargs=Array.prototype.slice.call(arguments);
		self.apply(this instanceof noop?this:context,args.concat(myargs));
	}
	noop.prototype=this.prototype;
	myBound.prototype=new noop();
	return myBound;
}