js中bind的模拟实现

绝地灬酷狼 2022-01-23 14:41 261阅读 0赞

### bind的作用 ###

> bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的  
> this，之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN )

var key = "windowK";
    var obj = {
        key : "objK"
    }
    function fn(name,age){
        console.log("name="+name+" ; age="+age+" ; this.key="+this.key);
    }
    
    var bindFn = fn.bind(obj); 
    console.log(bindFn); //输出新的fn函数
    console.log(bindFn("Lucy",20)); //"name=Lucy ; age=20 ; this.key=objK"

执行结果：  
![在这里插入图片描述][20190602204005422.png]

### bind的模拟实现 ###

var key = "windowK";
    var obj = {
        key : "objK"
    }
    function fn(name,age){
        console.log("name="+name+" ; age="+age+" ; this.key="+this.key);
    }
    //bind模拟实现
    Function.prototype.mBind = function(newObj){
        var args = [].slice.call(arguments,1);
        var that = this;
        return function(){
            that.apply(newObj, args.concat([].slice.call(arguments,0)))
        }
    }
    
    var bindFn = fn.mBind(obj);
    console.log(bindFn);
    console.log(bindFn("Lucy",20))

执行结果：  
![在这里插入图片描述][20190604101444515.png]

[20190602204005422.png]: /images/20220123/650bca7a392b4b1ca9d75f290344de88.png
[20190604101444515.png]: /images/20220123/626a671d174d47beb87ad33502ee4d4f.png

发表评论取消回复

表情：

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

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

相关阅读

相关【2021春招】JavaScript深入之bind的模拟实现

JavaScript深入之bind的模拟实现 Function.prototype.myBind = function (context = window) {

一时失言乱红尘/ 2023年01月10日 14:38/ 0 赞/ 131 阅读

相关 js实现call,apply,bind

第一步我们先在Function的原型上面新建一个函数吧.叫myApply const obj = { name:'joy', };

╰半橙微兮°/ 2022年11月12日 05:22/ 0 赞/ 192 阅读

相关自定义实现js的bind()方法

bind():将函数绑定到另一个对象上，返回一个函数。调用返回的函数，会将原函数当做绑定的对象的方法来使用。即：返回一个原函数的拷贝，并拥有指定的this值和初始参数。

亦凉/ 2022年06月04日 02:05/ 0 赞/ 214 阅读

相关 JavaScript深入之bind的模拟实现

bind 一句话介绍 bind: > bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将

迷南。/ 2022年05月25日 14:28/ 0 赞/ 219 阅读

相关 JS中的call、apply和bind

call、apply和bind是Function对象的三个方法，主要作用是改变函数this的指向。第一个参数为this所指向的对象，就是函数的上下文。后续参数为传入函数的参数。

谁借莪１个温暖的怀抱￠/ 2022年04月22日 14:12/ 0 赞/ 235 阅读

相关 bind函数作用、应用场景以及模拟实现

bind函数 bind 函数挂在 Function 的原型上 > Function.prototype.bind 创建的函数都可以直接调用 bind,使用：

今天药忘吃喽~/ 2022年04月10日 06:19/ 0 赞/ 253 阅读

相关 js中bind的模拟实现

bind的作用 > bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 > this，之后的一序列参数将会在传递的实

绝地灬酷狼/ 2022年01月23日 14:41/ 0 赞/ 262 阅读

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

看到该文章，表示你对call和apply的使用已经有所了解，call和apply的调用都是用于改变函数的this指向的。 call模拟实现 call和apply功能一样

- 日理万妓/ 2022年01月23日 06:19/ 0 赞/ 213 阅读

相关 bind的用法和模拟实现

参考文档一：[https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global\_Objects

淩亂°似流年/ 2021年12月10日 04:23/ 0 赞/ 282 阅读

相关 js中call、apply、bind的区别

在 javascript 中，call、apply、bind 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。

小灰灰/ 2020年04月21日 02:00/ 0 赞/ 970 阅读