JS实现bind方法

本文深入解析ECMAScript5中新增的bind方法,演示如何使用该方法绑定函数到特定对象,并提供了一个bind方法的手动实现案例,帮助理解其工作原理。

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

bind()是在ECMAScript5中新增的方法,用于将一个函数绑定到一个对象,成为其方法,还可以用于构造函数。
const obj = {
  sum:20,
  getSum: function() {
    return this.sum;
  }
};
const getSum = obj.getSum;
console.log(getSum());		//undefined

上面代码输出了undefined,getSum()执行时内部的this指向了window,而window并没有sum这个属性。接下来当调用getSum方法的时候我希望它能输出sum的值。

const getSum = obj.getSum.bind(obj);

自己实现一个bind函数

实现一个bind需要两个功能,返回一个函数,绑定this,传递参数

function bind(fn, ctx) {
    return function wrap() {
        let args = new Array(arguments.length);
        for(let i = 0; i < args.length; i++) {
            args[i] = arguments[i];
        }
        return fn.apply(ctx, args);
    }
}
const obj = {
  sum:20,
  getSum: function() {
    return this.sum;
  }
};
const getSum = bind(obj.getSum, obj);
console.log(getSum());	//20
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值