js bind实现
实现 bind 方法
JavaScript 的 bind 方法用于创建一个新函数，该函数在被调用时会将 this 关键字设置为提供的值，并在调用时传入预设的参数。以下是手动实现 bind 的核心思路：
核心逻辑
- 保存原函数（
func）和绑定的this值（thisArg）。 - 获取预设参数（
presetArgs）。 - 返回一个新函数，调用时合并预设参数和实际参数，并通过
apply调用原函数。
Function.prototype.myBind = function(thisArg, ...presetArgs) {
const func = this;
return function(...args) {
return func.apply(thisArg, [...presetArgs, ...args]);
};
};边界处理
- 检查调用者是否为函数。
- 处理原型链继承（可选）。
Function.prototype.myBind = function(thisArg, ...presetArgs) {
if (typeof this !== 'function') {
throw new TypeError('Bind must be called on a function');
}
const func = this;
const boundFunc = function(...args) {
return func.apply(
this instanceof boundFunc ? this : thisArg,
[...presetArgs, ...args]
);
};
boundFunc.prototype = Object.create(func.prototype);
return boundFunc;
};示例验证
const obj = { x: 42 };
function test(a, b) {
return this.x + a + b;
}
const boundTest = test.myBind(obj, 1);
console.log(boundTest(2)); // 输出 45 (42 + 1 + 2)关键点说明
- 使用闭包保存原函数和预设参数。
- 通过
apply动态绑定this和参数。 - 处理
new操作符调用时的原型链问题。 - 边界类型检查确保安全性。
