什么是 JavaScript 中带有部分前缀参数的函数？
在 JavaScript 中，有一种函数称为“函数绑定”，它是将函数与对象绑定在一起的一种方法。该函数的全名是“带有部分前缀参数的函数”，可以简写为“函数绑定”。
在函数绑定中，需要提供两个参数。第一个参数是要绑定的对象，第二个参数是函数的名称。绑定完成后，函数可以像对象的方法一样被调用。例如：
let obj = {
x: 42,
getX: function() {
return this.x;
}
};
let getX = obj.getX.bind(obj);
console.log(getX()); // 输出 42
在这个例子中，我们使用 bind() 方法将 getX() 这个函数绑定在了 obj 对象上，然后再将绑定后的函数赋值给变量 getX。最后，我们调用 getX()，就可以得到预期的结果 42 了。
为什么需要使用带有部分前缀参数的函数？
函数绑定是非常方便的工具，它可以简化代码，提高代码的可读性。我们来看一个具体的例子。
假设我们有一个商品对象，包含了一些属性（名称、价格等），还有一个描述该商品的方法：describe()。我们也可能有一个列表，其中包含了多个商品对象。我们希望展示这些商品对象的名称和价格信息，可以写出如下的代码：
let products = [
{ name: 'iPhone', price: 1000 },
{ name: 'iPad', price: 500 },
{ name: 'MacBook', price: 1500 }
];
function showProductInfo(product) {
console.log(product.name + ': ' + product.price);
}
products.forEach(showProductInfo);
这段代码没有问题，输出结果是：
iPhone: 1000
iPad: 500
MacBook: 1500
但是，我们可以更加简洁地实现这个功能。由于 console.log() 函数在执行时会自动调用其内部 toString() 方法，所以我们可以将展示一条商品的信息的方法改写为：
function showProductShortInfo(product) {
console.log(product.name, product.price);
}
现在，我们可以使用函数绑定来简化代码：
let showProductInfoShort = showProductShortInfo.bind(null, '商品信息：');
products.forEach(showProductInfoShort);
现在，每个商品信息的前面都会有一个“商品信息：”的前缀。可以看出，这样的代码更加简洁，易于理解。
如何使用带有部分前缀参数的函数？
带有部分前缀参数的函数在使用时，需要将函数的某些参数在调用时预先设置好，其中最重要的就是绑定函数所需的对象。
给函数绑定一个对象
在函数绑定时，第一个参数是要绑定的对象。在这个函数内部，this 关键字会被绑定到这个对象上。
例如，我们有一个函数如下：
function logProductInfo(prefix, product) {
console.log(prefix, product.name, product.price);
}
现在，我们创建了一个商品对象，然后将这个函数绑定在这个商品对象上：
let product = { name: 'iPhone', price: 1000 };
let logWithProductInfoPrefix = logProductInfo.bind(product, '商品信息：');
logWithProductInfoPrefix();
这段代码的输出结果是：
商品信息： iPhone 1000这里，我们通过 bind() 方法将 logProductInfo() 函数绑定在了商品对象 product 上，并设置了第一个参数为 “商品信息：”字符串。bind 方法返回一个新的函数 logWithProductInfoPrefix，这个函数已经带有了 product 对象作为第一个参数。
最后，我们调用 logWithProductInfoPrefix() 函数，得到了预期的输出结果。
给函数绑定多个参数
在函数绑定时，除了第一个参数，还可以传入多个参数。这些额外的参数会作为绑定函数的一部分，并在该函数调用时传入。
例如，假设有这样一个计算两个数和的函数：
let addTwoNumbers = function(a, b) {
return a + b;
};
我们可以通过调用 bind() 方法来创建一个绑定函数 addFive，该函数只需要一个参数：
let addFive = addTwoNumbers.bind(null, 5);
let result = addFive(3); // 返回 8
这里，我们将 addTwoNumbers 函数绑定在了 null 对象上，并设置了第一个参数为 5。这样，我们就得到了一个新的函数 addFive。当我们调用 addFive(3) 时，实际上调用的是一个参数是 3 的 addTwoNumbers() 函数，它的输出结果是 8。
可以看到，带有部分前缀参数的函数为我们提供了一种非常方便的工具。可以大大简化代码，并提高代码的可读性。
总结
本文介绍了在 JavaScript 中如何使用带有部分前缀参数的函数，即“函数绑定”。我们看到，函数绑定是将函数与对象绑定在一起的一种方法，它可以大大简化代码，并提高代码的可读性。
在函数绑定中，需要提供两个参数。第一个参数是要绑定的对象，第二个参数是函数的名称。绑定完成后，函数可以像对象的方法一样被调用。
函数绑定的最大好处是可以在调用时，简化原有函数的参数列表，让函数更易读，更易用。