Bind 是有害的

TIP

译者注：在这个 PR 下，已经解决 bind、call、apply 类型正确推导的问题，预计在 3.2 版本中发布。

这是在 lib.d.ts 中 bind 的定义：

  1. bind(thisArg: any, ...argArray: any[]): any

你可以看到他的返回值是 any，这意味着在函数上调用 bind 会导致你在原始函数调用签名上将会完全失去类型的安全检查。

如下所示：

  1. function twoParams(a: number, b: number) {
  2.   return a + b;
  3. }
  5. let curryOne = twoParams.bind(null, 123);
  6. curryOne(456); // ok
  7. curryOne('456'); // ok

一个更好的方式的是使用类型注解的箭头函数：

  1. function twoParams(a: number, b: number) {
  2.   return a + b;
  3. }
  5. let curryOne = (x: number) => twoParams(123, x);
  6. curryOne(456); // ok
  7. curryOne('456'); // Error

如果你想用一个柯里化的函数，你可以看看此章节：

类成员

另一个常见用途是在传递类函数时使用 bind 来确保 this 的正确值，不要这么做。

在接下来的示例中，如果你使用了 bind，你将会失去函数参数的类型安全：

  1. class Adder {
  2.   constructor(public a: string) {}
  4.   add(b: string): string {
  5.     return this.a + b;
  6.   }
  7. }
  9. function useAdd(add: (x: number) => number) {
  10.   return add(456);
  11. }
  13. let adder = new Adder('mary had a little ?');
  14. useAdd(adder.add.bind(adder)); // 没有编译的错误
  15. useAdd(x => adder.add(x)); // Error: number 不能分配给 string

如果你想传递一个类成员的函数，使用箭头函数。例如：

  1. class Adder {
  2.   constructor(public a: string) {}
  4.   // 此时，这个函数可以安全传递
  5.   add = (b: string): string => {
  6.     return this.a + b;
  7.   };
  8. }

另一种方法是手动指定要绑定的变量的类型：

  1. const add: typeof adder.add = adder.add.bind(adder);

原文: https://jkchao.github.io/typescript-book-chinese/tips/bind.html