JavaScript: создание функции

Question

Я в некотором роде oldskool и просто возвращаюсь к тому, чтобы узнать обо всех новых материалах, добавленных в JS за последние 10 лет или около того (или просто о вещах, о которых я теперь знал), и хотел бы узнать, в чем разница

function xyz() // I used to always use it like this
{}

и это то, что я продолжаю видеть:

xyz:function()
{}

У него также есть забавная запятая с двумя или более функциями, такими как:

xyz1:function()
{},
xyz2:function()
{}

Answer 1

Вот когда вы создаете объект с функцией внутри него:

var functions = {

    xyz1:function(){},
    xyz2:function(){}

}

Теперь я могу сделать:

functions.xyz1();
//or:
functions.xyz2();

Answer 2

xyz:function()
{}

является инвазивным синтаксисом.Нотация key: value, однако, используется в объектах.

Например,

var functions = {
    xyz: function()
         {}
}

Тогда вы можете назвать ее как functions.xyz().

Это оченьв наши дни популярны библиотеки типа jQuery, где вы часто работаете с объектами, которые содержат набор функций.

Answer 3

Оба являются вполне допустимыми способами определения функции.

Вторая функция является примером нотации объектов Javascript, и ее можно использовать для упрощения понимания объектно-ориентированного javascript 'class'.

См. Мой ответ на этот вопрос, чтобы увидеть пример этого:

функция в формате JSON - возможно?