Функция — это модульный блок операторов многократного использования, используемый для выполнения набора связанных задач, таких как вычисление и возврат значения на основе аргументов, предоставленных функции. Как и все не примитивные значения , функции являются объектами. Они являются уникальными объектами в том смысле, что их можно вызывать для выполнения кода, передачи данных в форме аргументов и возврата значения.
Функции считаются объектами « первого класса », а это означает, что, несмотря на их уникальное поведение, их можно использовать во всех тех же контекстах, что и любой другой объект JavaScript. Например, функция может быть присвоена переменной, передана в качестве аргумента другим функциям и возвращена другими функциями.
function myFunction() { console.log( "This is my function." ); }; Функция, определенная как свойство объекта , обычно называется «методом». Как и в случае с переменными, объявленными с помощью var `, объявления функций, сделанные вне включающей функции, добавляются к глобальному объекту как методы.
Объявления функций
Объявление функции (также называемое «оператором функции» или «определением функции») создает именованную функцию, которую можно вызывать в любом месте содержащейся в ней области. Объявления функций состоят из ключевого слова function , за которым следует идентификатор, списка параметров, разделенных запятыми, заключенных в круглые скобки, и оператора блока , называемого «телом функции». Вы часто будете сталкиваться с объявлениями функций, которые не заканчиваются точкой с запятой; поскольку объявление функции является оператором, ASI может вывести конечные точки с запятой.
function myFunction() { console.log( "This is my function." ); }; myFunction(); > "This is my function." В результате ранних проектных решений JavaScript объявления функций подвергаются тому же устаревшему поведению подъема , что и переменные, объявленные с помощью var , что означает, что объявление функции поднимается в начало своей области видимости и в результате может быть вызвано до объявления. независимо от того, регулируется ли эта область строгим режимом :
"use strict"; { myFunction(); function myFunction() { console.log( "This is my function." ); }; } > "This is my function." Вне строгого режима объявления функций используют устаревшее поведение области видимости JavaScript, что означает, что область объявления функции ограничивается ближайшей включающей функцией:
function myFunction() { function myNestedFunction() { console.log( "This is my nested function." ); } myNestedFunction(); }; myFunction(); > "This is my nested function." myNestedFunction(); >Uncaught ReferenceError: myNestedFunction is not defined В строгом режиме объявления функций ограничиваются ближайшим охватывающим блоком, как и переменные, объявленные с помощью let или const :
"use strict"; { function myFunction() { console.log( "This is my function." ); }; } myFunction(); > Uncaught ReferenceError: myFunction is not defined Вызов функции
Как и в случае с переменными, идентификатор, используемый при объявлении функции, действует как символическое имя значения. Обращение к функции только по идентификатору возвращает только объект функции и не выполняет содержащуюся в нем функцию:
function myFunction() { console.log( "This is my function." ); }; myFunction; > myFunction() { console.log( "This is my function." ); } Чтобы выполнить код внутри тела функции, вызовите (или вызовите ) функцию, указав после имени функции соответствующую пару круглых скобок:
function myFunction() { console.log( "My function has been executed." ); } myFunction(); > "My function has been executed." Параметры в определении функции действуют как переменные-заполнители для значений, которые могут быть переданы в тело функции при вызове функции. Значения в круглых скобках при вызове функции являются «аргументами» (хотя в некоторой документации вы можете увидеть «аргументы», используемые для описания как аргументов, так и параметров):
function myFunction( myParameter ) { console.log( `The value is: ${ myParameter }.` ); }; myFunction( "this string" ); > "The value is: this string." Если ожидаемый аргумент опущен, результирующий параметр будет содержать undefined значение, поскольку параметр объявлен в теле функции, но не инициализирован значением:
function myFunction( myParameter ) { console.log( `The value is: ${ myParameter }.` ); }; myFunction(); > "The value is: undefined." Вы можете установить значения параметров по умолчанию, инициализируя их так же, как инициализируете переменную: оператор присваивания ( = ), за которым следует значение. Если позже вы укажете аргумент для этой функции, это новое значение переопределит значение по умолчанию:
function myFunction( myParameter = "omitted" ) { console.log( `The value is: ${ myParameter }.` ); }; myFunction( "this string" ); > "The value is: this string." myFunction(); > "The value is: omitted." Тело функции без стрелок также имеет доступ к объекту arguments , подобному массиву , с нулевым индексом, содержащему любые значения, передаваемые в качестве аргументов, независимо от того, указывают ли определение функции параметры:
function myFunction() { console.log( arguments ); }; myFunction( 3, true, "My string" ); > Arguments { 0: 3, 1: true, 2: "My string", … } Вариадические функции
Объект arguments позволяет создавать базовые функции с переменным числом аргументов , которые могут принимать переменное количество аргументов:
function myFunction() { let result = ""; for (let i = 0; i < arguments.length; i++) { result += arguments[i] + " - "; } console.log( result ); }; myFunction( "My first string", "My second string", "my third string" );\ > "My first string - My second string - my third string - " Однако этот подход к функциям с переменным числом вариантов редко используется в современной разработке JavaScript. Чаще используется более современный и читаемый синтаксис остальных параметров , который создает именованный параметр, инициализированный как массив, содержащий любые аргументы, помимо явно указанных:
function myFunction( mySeparator, ...myStrings ) { console.log( myStrings.join( mySeparator ) ); }; myFunction( " - ", "My first string", "My second string", "my third string" ); > "My first string - My second string - my third string" В отличие от привязки parameter , синтаксис остальных параметров работает с параметрами стрелочной функции ожидаемым образом:
function myOuterFunction() { let myInnerArrowFunction = ( ...myParams ) => { console.log( myParams[ 0 ] ); } myInnerArrowFunction( true ); }; myOuterFunction( false ); > true let myArrowFunction = ( ...myParams ) => { console.log( myParams[ 0 ] ); }; myArrowFunction( true ); > true` ``