javascript - public.onChange = Function.prototype 的作用是什么？

Question

当我试图找到一些用于在 Angular 5 中设计内联编辑表单输入组件的示例代码时，我摸不着头脑。我运行了以下几行:

public onChange: any = Function.prototype; 
public onTouched: any = Function.prototype;

我的问题是:他们做什么？然后该示例继续并实现 ControlValueAccessor 接口(interface)。它将实现一些像这样的成员:

public registerOnChange(fn: (_: any) => {}): void {
  this.onChange = fn;
}

public registerOnTouched(fn: () => {}): void {
  this.onTouched = fn;
}

所以看来您会将一些函数分配给全局函数原型(prototype)。这是好的做法吗？作者想用它做什么？

Answer 1

可以安全地假设这些方法用作钩子(Hook)，并且使它们无条件运行是开发人员在调用它们之前避免 if (typeof onChange === 'function') 检查的一种方法。

Function.prototype 是所有常规函数的原型(prototype)，基本上是 noop 函数。意外修改其属性(不太可能但可能)将影响所有现有功能，例如onChange.apply = ...。

更安全、传统且可读的方法是显式分配 noop 值:

public onChange: any = () => {};