JavaScript函數..命名？

Question

我很難理解此代碼。 這不是我所熟悉的典型Javascript函數語法。 這是命名函數嗎？ 還是這是更新事件的回調？ 很抱歉出現noobie問題，我對JS還是很陌生。 我理解所有正在發生的事情，除了此函數語法foo: function(){}; 我遵循的api教程似乎經常發生這種情況。

updateProgress: function () {    
  $.post('/callback', {
    progress: plnzVideoTracker.progress
  });   
}

Answer 1

它似乎是一種對象方法（“文字”）。 您包含的代碼應包裝在一個對象中。 例如：

var SomeObject = {
  updateProgress: function () {    
    $.post('/callback', {
      progress: plnzVideoTracker.progress
    });   
  }
}

在對象內，您可以通過this.updateProgress()引用該方法。 在對象之外，您將使用SomeClass.updateProgress() 。

您可以在MDN Docs中了解有關對象文字的更多信息。

Answer 2

在形式的對象文字表達式中：

{
   // properties ...
}

標識符后跟冒號是對象屬性的名稱，然后是屬性值：

{
  prop1: value
}

函數表達式的形式為：

function () {
  // function body ...
}

就像其他表達式一樣，您可以將其分配給任何變量或屬性。

所以...

updateProgress: function () {    
  $.post('/callback', {
    progress: plnzVideoTracker.progress
  });   
}

是（可能）對象表達式的片段，該片段定義了一個名為updateProgress的屬性，其值是為其分配的（未命名）函數。