首页 > 编程语言 > 详细

详解javascript的bind方法

时间:2021-03-10 19:44:06      阅读:36      评论:0      收藏:0      [点我收藏+]
JS的bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。
通过bind可解决两个问题:1)以隐蔽和优雅的方式解决依赖注入的问题,可以将函数执行需要的上下文环境对象通过bind方法传递给函数,在函数内部直接使用this来引用。2)解决多层调用时this对象无法传递给内部函数的问题,实际是第一个问题的延展。
看代码样例:

var obj = {
    a: function(){
        //‘this‘ is ‘obj‘,是真正的this
        console.log(this);

        var func = function(){
            //‘this‘ is ‘window‘, 容易混淆的地方,上层对象无法通过this引用了,这里的this是window对象了。
            console.log(this);
            //所以下面这句话出错,无法找到属性
            console.log(this.c);
        };
        func();
    },

    b : function(){
        var func = function(){
            //‘this‘ is ‘obj‘,是通过bind传入的。
            console.log(this);
            console.log(this.c);
        }.bind(this);
        func();
    },

    c : ‘Hello!‘
}

obj.a();
obj.b();

在实际开发工作中,如果需要在函数内部应用外部对象,可以通过bind传入;如果需要在嵌套函数或回调函数内部应用上级对象,也可以通过bind传入。

详解javascript的bind方法

原文:https://blog.51cto.com/livestreaming/2654785

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!