bind方法的主要作用是改变函数执行时的this指向并返回一个新函数，1. 改变this指向，例如将user.sayname绑定到anotheruser上使输出为jerry；2. 预设参数，如multiply.bind(null,2)预设a为2后续调用只需传b；3. 与call/apply的区别在于bind不立即执行而是返回新函数供后续调用。
在 JavaScript 中，bind 方法的主要作用是改变函数执行时的 this 指向，并返回一个新函数。它不会立即执行原函数，而是返回一个绑定好上下文的新函数，等你后面调用的时候，这个函数会以你指定的 this 来运行。
1. 改变 this 的指向
这是 bind 最常见的用途。在 JS 中，函数内部的 this 是动态决定的，有时候我们希望固定它的指向，这时候就可以用 bind。
举个例子：
const user = {
name: 'Tom',
sayName: function() {
console.log(this.name);
}
};
const anotherUser = {
name: 'Jerry'
};
const boundSayName = user.sayName.bind(anotherUser);
boundSayName(); // 输出 Jerry这里，原本 sayName 是属于 user 对象的，但通过 bind 把 this 绑定到了 anotherUser 上，所以输出的是 Jerry。
这在事件处理或者回调中特别有用，比如把某个方法传给 setTimeout 或按钮点击事件，防止 this 指向出错。
2. 预设参数（Partial Application）
除了绑定 this，bind 还可以传入一些参数，这些参数会被预先填充到函数中。
此代码么有依靠js文件实现的，而且大图和小图是分开的，这样用户在打开网页的时候能节约不少时间和流量 此代码实现方法也很简单，可以直接把index.html和images下面的文件拷贝到你需要运行的位置，然后保存即可，images下面的大图和小图按照你的需求来改，也可以给大图增加链接。
function multiply(a, b) {
return a * b;
}
const double = multiply.bind(null, 2);
console.log(double(5)); // 输出 10在这个例子中，null 表示不关心 this，而 2 被作为第一个参数预设进去。之后调用 double(5) 实际上是调用了 multiply(2, 5)。
这种写法常用于创建“快捷版本”的函数，简化重复调用。
3. bind 和 call / apply 的区别
-
call和apply：立即执行函数 -
bind：返回一个新函数，稍后再执行
看个对比：
function greet(greeting, punctuation) {
console.log(greeting + ', ' + this.name + punctuation);
}
const person = { name: 'Alice' };
// bind 返回函数，不执行
const boundGreet = greet.bind(person, 'Hello');
boundGreet('!'); // 执行
// call 立即执行
greet.call(person, 'Hi', '!!!');如果你只是想改 this 并保留函数供以后使用，就用 bind；如果想立刻执行，就选 call 或 apply。
基本上就这些
bind 的核心功能就是绑定 this 和预设参数。虽然现在有箭头函数可以在某些场景替代它，但在需要显式绑定或部分应用参数时，bind 依然非常实用。
记住几个点：
- 不会执行函数，只返回一个绑定后的新函数
- 可以固定
this - 可以前置填入参数
- 和
call/apply的最大区别是是否立即执行
这些细节掌握好了，在开发中就能避免很多 this 指向的问题了。
