Javascript 从C#的Angular 来看，Java回调基础知识

为什么不这样做呢:

function simpleCallbackFn (){} // Same as before

function simpleCallerFn (){ simpleCallbackFn ();}  

这当然是合法的代码，但只有在您提前确切知道要执行哪些代码的情况下才有可能.回调函数的意义在于，您可以在运行时决定要做什么.

例如，有一个内置函数，数组调用了.map.它获取一个数组并将其转换为新的array.您传入一个回调函数，指定如何执行该转换，.map将为数组的每个元素调用您的函数.没有其他方法可以实现.map，因为没有办法提前知道您想要进行什么转换.

const values = [1, 2, 3];
const doubled = values.map(val => val * 2);
// doubled contains [2, 4, 6]

顺便说一句，MAP的简化实现如下所示:

function map(callback) {
  const newArray = [];
  // where `this` is the input array -- values in my example
  for (let i = 0; i < this.length; i++) {
    newArray[i] = callback(this[i]);
  }
  return newArray;
}

我们知道这不会起作用，SimeCallBackFn(AnArgument)；

没错.只说明它不起作用的原因:这条线的操作顺序是从内到外的.基本上，它的意思是"立即拨打simpleCallbackFn(anArgument)，然后将结果传递到simpleCallerFn".因此，我们最终传入undefined，而不是回调函数.

另一方面，simpleCallerFn(() => simpleCallbackFn(anArgument));表示"用文本() => simpleCallbackFn(anArgument)创建函数，并将其传递到simpleCallerFn中".

我在想为什么不:

function simpleCallbackFn (anArgument){}

function simpleCallerFn (anArgument, cb){ 
  cb(anArgument);
}

如果您确定回调只想要一个参数传递给它，那么这是有效的.但如果他们需要2个或更多，这将不起作用，如果他们需要0，这将比必要的更令人头疼.

因此，让这段代码的用户创建回调函数的好处是，他们可以创建any个函数，满足他们所能想到的任何要求.