关于 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!"