关于 JavaScript 中函数格式的问题

Question

我是 JavaScript 的新手，我正在使用 JavaScript 的 datePicker 库。我几乎使用的是开箱即​​用的代码，读取当前所选日期的函数让我有点困惑。这是代码（我对其进行了一些修改以格式化日期 - 以便将其与我的数据集的日期进行字符串匹配）。

const picker = datepicker(document.querySelector('#inlineDatepicker'), {

  // Event callbacks.
  onSelect: function(instance) {
  console.log(instance)
  var instanceSplit = instance.dateSelected.toString().split(" " ,4)
  var instanceClean = instanceSplit.toString().replace(/,/g, ' ')
    if (instanceClean === 'Mon Feb 11 2019') {
            console.log('datematch!')
            return 'blue'
        }       
      },
   });

我不熟悉onSelect: function(instance) {} 函数的格式。我见过的所有函数都是用这种格式写的：function someFunction(parameter) {}。

这引出了我的问题：onSelect: function(instance) {} 函数的实际函数名称是什么？例如，如果我想根据所选日期更改数据的外观 - 即在我的数据点上返回“蓝色”笔划 - 我应该调用什么函数名称？例如，这里的代码尝试在上面的函数中传入返回的笔画值，但是它并没有将onSelect识别为函数（说它是未定义的）：

var events = mapG.selectAll("circle")
    .data(allSFEvents)
    .enter().append("circle")
    .style("stroke", onSelect)

Answer 1

根据“名称”的含义，该函数要么没有名称（它是匿名），这是根据语言定义的严格含义；否则，俗语中的“名称”就是分配给它的属性的名称。

名称是属性名称的口语含义的问题在于，它可能导致对匿名函数与该属性所在的对象之间的关系的错误假设。事实上，没有永久的关系；匿名函数与任何“父”对象没有任何隐式关联。

在您的情况下，您不太可能想要直接调用该函数。它被设置为事件处理程序，这意味着运行时或某些框架将在适当的时间调用您的函数。一般来说，如果一个对象的属性引用了一个函数，你可以通过该属性调用该函数：

var someObject = {
  someFunction: function() { alert("Hi!"); }
};

someObject.someFunction(); // alerts "Hi!"