【JavaScript】实现bind，apply和call

布满荆棘的人生 2023-01-05 03:53 181阅读 0赞

Function.prototype.myBind = function(ctx, ...agrs1){ 
            const fn = this;
            function noopFn(){ }
            function innerFn(...args2){ 
                // bind返回的函数可以作为构造函数使用
                // 当做构造函数时，绑定的this（即上文ctx）失效； 此时this指向new出来的实例
                ctx = this instanceof innerFn ? this : ctx;
                const args = [...agrs1, ...args2];
                const res = fn.apply(ctx, args);
                return res;
            }
            // 不能 innerFn.prototype = fn.prototype 
            // 这样修改innerFn.prototype 也会修改 fn.prototype 
            noopFn.prototype = fn.prototype;
            innerFn.prototype = new noopFn();
            return innerFn;
        }
    
        Function.prototype.myApply = function(ctx, args){ 
            ctx = ctx || window;
            // this 其实就是调用myApply的函数， 和myCall的区别就是入参形式不同
            ctx.fn = this;  
            const res = ctx.fn(args);
            delete ctx.fn;
            return res;
        }
    
        Function.prototype.myCall = function(ctx, ...args){ 
            ctx = ctx || window;
            ctx.fn = this;
            const res = ctx.fn(...args);
            delete ctx.fn;
            return res;
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

相关【JavaScript】实现bind，apply和call

Function.prototype.myBind = function(ctx, ...agrs1){ const fn = this;

布满荆棘的人生/ 2023年01月05日 03:53/ 0 赞/ 182 阅读

相关手动实现 JavaScript 之 apply、call、bind

JavaScript 的 apply、call和bind方法用来更改函数内部的this指向，从而达到借调方法的目的，应用场景非常广泛。现在我们手动实现这几个方法，加深对原型和函

绝地灬酷狼/ 2022年09月04日 10:53/ 0 赞/ 134 阅读

相关 JavaScript中的apply和call

刚刚接触到apply和call方法时，对他们两个的理解十分的模糊，最近在联系的过程中对apply和call有了更清晰的理解了，我把我对这个问题的理解记录在这里，如果有什么不对的

水深无声/ 2022年08月18日 10:50/ 0 赞/ 226 阅读

相关 javascript中的call和apply

调用其他对象的方法 function person(){ this.name = "person"; this.show = function

- 日理万妓/ 2022年08月13日 08:29/ 0 赞/ 197 阅读

相关 JavaScript call

call 方法请参阅应用于：Function 对象要求：版本 5.5 调用一个对象的一个方法，以另一个对象替换当前对象。 call

我就是我/ 2022年08月01日 00:26/ 0 赞/ 160 阅读

相关 JavaScript——call、apply

联系: 网上查到关于apply和call的定义：这两个方法都能劫持另外一个对象的方法，继承另外一个对象的属性. xxxFunction.apply(obj,args) 方法

￡神魔★判官ぃ/ 2022年07月17日 03:59/ 0 赞/ 181 阅读

相关 javascript call和apply方法

call方法: 语法:a.call(b,param1,param2.....paramN); 说明：a 方法，b方法，param1,param2.....paramN

灰太狼/ 2022年07月12日 16:11/ 0 赞/ 261 阅读

相关 JavaScript-call/apply

call/apply：改变this的指向 function Person(name,age) { this.name=name;

男娘i/ 2022年05月26日 22:13/ 0 赞/ 233 阅读

相关 javascript中call和apply的模拟实现

`call()` > call() 方法调用一个函数, 其具有一个指定的this值和分别地提供的参数(参数的列表)。语法：`fun.call(thisArg, arg1,

阳光穿透心脏的1/2处/ 2022年05月23日 08:21/ 0 赞/ 178 阅读

相关 JavaScript call()

JavaScript call() call方法可以改变其他方法（函数）的调用对象，方法内的this也会指向新的调用对象。特别说明：apply对箭头函数无效。语法结构：

小灰灰/ 2020年06月02日 13:52/ 0 赞/ 637 阅读