js手写call，apply，bind函数_js手写call函 bind 数-优快云博客

本文链接：https://blog.youkuaiyun.com/dtbk123/article/details/103931049

本文详细介绍了如何使用JavaScript手动实现内置的call、apply和bind函数。通过这些自定义函数的实现，读者可以深入理解JavaScript中函数调用和作用域的相关概念。

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

首先是手写call函数，call函数第一个参数是this要指向的对象，第二及后面的参数就是原函数的参数

Function.prototype.myCall=function(context,...args){
    
    if(!typeof this==='function'){return;}//判断是否是函数调用
    
    context=typeof context==='object'?context:window;//判断传入的是否是对象，不是则为window
    var key=Symbol()
    
    context[key]=this;
    
    const result=context[key](...args)
    
    delete context[key];
    
    return result;}

接下来是apply函数，实际和call函数也差不多,只不过第二个参数是数组

Function.prototype.myApply=function(context,args){
    if(!typeof this==='object'){return;}
    
    context=typeof context=='object'?context:window;
     
    var key=Symbol();

    context[key]=this;

    const result=context[key](...args);

    delete context[key]

    return result;}

最后是bind函数，它不会立即执行，而是返回一个函数

Function.prototype.myBind=function(obj){
      var self=this;
      var args=Array.prototype.slice.call(arguments,1);
    var fn=function(){}
    var binds=function(){
        var that=this instanceof self?this:obj;
        return self.apply(that,args.concat(Array.prototype.slice.call(arguments));
    }
    if(this.prototype){
    fn.prototype=this.prototype}
    binds.prototype=new fn();
    return binds

}