разница между funct1: функция по сравнению с функцией funct1()

Question

Я часто вижу код как следующее в JavaScript:

func1: function() { 
     return array1.pop(); 
    } 

В чем разница между выше и что-то вроде этого:

function func1(){ 
     return array1.pop(); 
} 

ли два вышеупомянутых одинаково с другим способом письма? Первый выглядит как оператор переключения. Извините, если этот вопрос слишком прост, но в книгах JavaScript редко используется первый синтаксис, если это только вопрос синтаксиса; основная причина для меня задать этот вопрос в StackOverflow.

Answer 1

Первый создает свойство на объектном литерале. Имя свойства - func1, а значение свойства - анонимная функция. Например:

var someObject = { 
    someProp: function() { 
     alert('foo'); 
    } 
}; 

someObject.someProp(); // alerts "foo" 

Для второго вы, вероятно, означало function func1 ..., который является обычная старая функция объявления. Например:

function someFunction() { 
    alert('foo'); 
} 

someFunction(); // alerts "foo" 

Большинство людей используют литералы объектов как способ группировки логической функции вместе, подобно пространства имен на других языках. Определяя функции как свойства других переменных, вы сохраняете число переменных в глобальном пространстве имен и код более организован.

Answer 2

Вторая форма - это объявление «нормальной» функции: эта функция доступна в области, в которой вы ее объявили. Первая форма используется внутри объекта буквального:

var myObject = { 
    func: function() { 
     return array1.pop(); 
    }, 
    name: 'John Smith' 
}; 

функция может быть вызвана, как myObject.func() всякий раз, когда myObject доступен. Помимо этой разницы в определении области обзора, два определения функции эквивалентны.

Answer 3

Существует также очень важное различие, называемое «функцией подъема» (неопределенное с точки зрения ECMA, но является общим термином для описания поведения). Это напрямую связано со «вторым способом» в оригинальном вопросе а именно -

function func1(){ 
     return array1.pop(); 
} 

Есть два способа, мы можем использовать функции (опять WRT ко второму пути):

1. в функции выражения -

   вар а = фу nction() {

   }

2. В объявлении функции

   функция а() {

   }

Как вы знаете, не все переменные, независимо от того, где в тело функции, которое они объявлены, получают , поднятые в верхней части функции за кулисами. То же самое относится к функциям , поскольку они являются объектами, назначенными переменным.Единственным «полученным» является то, что при использовании объявления функции объявляется функция определения, а также не только декларация .