bind 实现参数预设是创建新函数并将部分参数固定在前面，首个参数为 this 值，后续为预设参数，调用时剩余参数追加其后；它返回永久绑定的新函数，不同于 call/apply 的立即执行和箭头函数的 this 不可绑定特性。

用 bind 实现参数预设，本质是创建一个新函数，把部分参数“固定”在前面，调用时只需传入剩余参数。

理解 bind 的参数绑定逻辑

bind 的第一个参数是 this 值（可为 null 或 undefined），后续参数会作为**预设参数**，排在新函数实际调用时传入参数的前面。例如：

const add = (a, b, c) => a + b + c;
const add5 = add.bind(null, 5); // 预设 a = 5
add5(2, 3); // 等价于 add(5, 2, 3) → 10

常见预设场景与写法

• 固定首参：适合封装通用操作，比如日志前缀、API 基础路径
• 固定 this 和部分参数：适用于类方法提取后仍需访问实例属性
• 预设多个参数：支持任意数量前置参数，未预设的留待调用时传入

注意 bind 与箭头函数、call/apply 的区别

bind 返回的是**永久绑定**的新函数，不会因调用方式改变 this 或预设参数；而 call/apply 是立即执行，不生成新函数；箭头函数则不绑定 this，也无法用 bind 覆盖其 this 行为。

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

替代方案：现代写法更简洁

ES6+ 中可用箭头函数或解构默认值实现类似效果，例如：

const add5 = (b, c) => add(5, b, c);
// 或更灵活的柯里化风格
const curryAdd = a => (b, c) => a + b + c;
const add5Curry = curryAdd(5); // 同样得到 (b, c) => 5 + b + c

但 bind 优势在于原生支持、语义明确，且兼容性极好。