JavaScript 函数执行

Question

我试图理解这种情况下的函数调用，state 如何解析为 addView 函数定义中的 viewFunc(这些函数之间的 Hook )并采用 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 函数的函数时所做的事情。

作为参数传递给其他函数或从另一个函数返回的函数引用称为 first-class functions .