javascript函数执行

Question

我试图理解这种情况下的函数调用，如何将state解析为addView函数定义中的viewFunc（这些之间的钩子）并将defaultData作为函数参数？

var defaultData = {

  property: [
    {
      name: 'Adam',
      type: 'javascript'
    },
    {
      name: 'Tom',
      type: 'Typescript'
    }
  ]
};

function addView(viewFunc){
  console.log(" 1. Step I");
  viewFunc(defaultData);
  console.log(" 2. Step III ");
}

addView((state)=>{
  console.log(" 3. Step II & lenght of data set : "+state.property.length);
})

输出：

1. Step I
3. Step II & lenght of data set : 2
2. Step III 

Answer 1

在JavaScript中，可以将函数作为参数传递给其他函数。 这就是调用addView时所做的事情：创建一个匿名函数并将其传递给addView函数。

现在， viewFunc变量包含对匿名函数的引用。 像任何其他函数引用一样，您可以使用参数来调用它。 当您将对defaultData对象的引用传递给传递到addView函数中的函数时，就是这样addView 。

作为参数传递给其他函数或从另一个函数返回的函数引用称为一流函数 。