javascript Function.prototype.bind

本文详细解释了JavaScript中bind方法的使用方式和原理,包括如何通过bind改变函数的调用上下文,以及如何实现类似功能。同时提供了一个简单的bind方法实现案例,帮助开发者更好地理解和应用这一特性。

语法:

fn.bind(obj,arg1,arg2,arg3...)

bind是es5新增的方法,顾名思义,它的作用是将函数绑定到某个对象上,就像是某个对象调用方法一样。其本质还是改变了该函数的上下文(context),它跟call和apply不一样的地方是,在调用之后会生成一个新函数。比如:

var x = y = 2,
function fn(){
    return this.x + y;
}
var obj = {x:1};
var obj1 = fn.bind(obj);
obj1();//3

而es3中却没有此方法,我会这样去实现:

function bind(obj, fn) {
    return function () {
        return fn.apply(obj, arguments);
    };
}

如果想要是每个函数都使用bind的方法可以这样:

if(!Function.prototype.bind){
    Function.prototype.bind = function(obj) {
        var that = this;
        return function () {
            return that.apply(obj, arguments);
        };
    }
}

 

转载于:https://www.cnblogs.com/wang-jiang/p/4457019.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值