Функция javascript - это фундаментальный строительный блок кода, который предназначен для однократного определения и вызывается несколько раз для выполнения различных задач. Также есть разные способы объявить функцию в javascript.
Функция javascript выполняется, когда «что-то» вызывает ее (вызывает) с помощью метода invoke.
Базовый синтаксис
function validFunctionName(parameter){
return statement;
}
Пример функции javascript
function add(x) { return x + x; }
add(10); // 20
В приведенном выше фрагменте кода javascript является допустимое имя функции и параметр, который является переходом к функции при вызове функции.
А x + x - это инструкция, а ключевое слово return используется для возврата значения из функции. Теперь add (10) - это вызов функции со значением 10, который передается в функцию в качестве параметра. В результате функция после сложения возвращает 20 значений.
Чтобы узнать больше о функции javascript, нажмите здесь.
У меня для тебя есть кое-что еще -
Ознакомьтесь с нашей ежедневной викториной по javascript -
- Тест по JavaScript - регистр переключателя может изменить значение переменной
- JS Quiz - нулевая дата может дать метод полного года
- JS Quiz - действительно ли заданный объект хранит повторяющийся объект
- Тест по JavaScript - что возвращает функция async array map
Способы объявления функции Javascript
В javascript есть разные-разные способы объявления функции javascript, которые вы собираетесь изучить в этом руководстве.
Так что обязательно изучите все пункты, так как это поможет вам не только на собеседовании по javascript, но и во время разработки проекта.
Кроме того, вы поймете, когда использовать определенный тип функции в определенных обстоятельствах.
A. Объявление функции
Объявление функции определяет именованную функцию. Чтобы создать объявление функции, вы используете ключевое слово function
, за которым следует имя функции.
Объявления функций поднимаются вверх, что позволяет использовать функцию до ее определения.
Пример объявления функции
В следующем примере используется объявление функции.
// function declaration function mutiplyByTwo(num) { return num * 2; }
mutiplyByTwo(22); // => 44 mutiplyByTwo(11); // => 22
Б. Функциональное выражение
Выражение функции определяется ключевым словом функции, за которым следует необязательное имя функции. И необязательный список параметров в круглых скобках (para1, para1..., paramN)
и пар фигурных скобок {...}
, которые содержат тело функции.
Однако функция может быть именованной или анонимной.
Примеры выражения функции
В следующем примере используется выражение функции javascript с ключевым словом const.
// Function expression
const count = function(array) { return array.length; }
count([1, 3, 5, 7, 9]); // => 5
const fullName = function(firstName, lastName) { return `${firstName} ${lastName}`; }
fullName("JS", "Startup"); // => "JS Startup"
Что наиболее важно, функциональное выражение создает функциональный объект, который можно использовать в различных ситуациях.
Как объявляется выражение функции с именованной функцией и анонимной функцией.
C. Конструктор функций (новая функция)
В Javascript функции - это первоклассный объект. Функция - это обычный объект типа функция. Функцию также можно объявить с помощью конструктора функции с ключевым словом new.
Пример конструктора функции
Во-первых, давайте создадим функцию, которая складывает два числа:
const numberOne = 10, numberTwo = 15;
const sumFunction = new Function(numberOne, numberTwo, 'return numberOne + numberTwo' );
sumFunction(10, 15) // => 25
D. Функция стрелки
стрелочная функция определяется с помощью пары круглых скобок ()
, содержащей список параметров (param1, param2, ..., paramN)
, за которой следует толстая стрелка =>
и пара фигурных скобок {...}
, содержащая функцию. тело.
Следовательно, стрелочная функция Expression - это более короткий синтаксис для написания функциональных выражений. Стрелочные функции не создают собственного значения.
Некоторые примеры стрелочной функции
В следующем примере используется стрелочная функция.
A. Функциональное ключевое слово «Заменить жирную стрелку»
const square = (value) => { return value * value }
square(10); // 100
const square = (value) => value * value;
square(10); // 100
В. Удалить для одного параметра.
const square = value => value * value;
square(10); // 100
D. Функция не имеет параметров
const getName = () => console.log("JS Startup");
getName(); // JS Startup
or
const getName = _ => console.log("JS Startup");
getName(); // JS Startup
Так как есть и другие способы объявления стрелочной функции, которые вы можете найти во время разработки проекта.
E. Функция генератора
ES6 представил функцию-генератор, которая представляет собой новый способ объявления функции и работы с ней. Функция генератора возвращает объект-генератор.
Что наиболее важно, синтаксис функции генератора аналогичен выражению функции, объявлению функции или объявлению метода. Другими словами, это то же самое, что требуется символ звезды *
.
Генератор (*
) - это функция, которая может остановиться на полпути, а затем продолжить с того места, где она остановилась. Короче говоря, генератор выглядит как функция, но ведет себя как итератор.
Синтаксис функции генератора
function* ()
Пример функции генератора
В следующем примере используется функция генератора со звездочкой *
.
function * generatorFunction() { yield 'JS '; console.log('I will be printed after the pause'); yield 'Startup!'; }
const generatorObject = generatorFunction();
console.log(generatorObject.next().value); // => JS // It will be printed after the pause
console.log(generatorObject.next().value); // => Startup
console.log(generatorObject.next().value); // => undefined
В приведенном выше заявлении сначала объявляется функция, а затем она используется в пошаговом процессе.
Примечание. async / await основан на генераторах.
F. Метод сокращения функции
В javascript можно использовать сокращенное определение метода функции в объявлении метода для литералов объектов и классов ES6 (ES2015). Мы можем определить их, используя имя функции, за которым следует список параметров в круглых скобках (param1, param2,…, paramN) и пара фигурных скобок {…}, которые ограничивают тела операторов.
В следующем примере используется сокращенное определение метода в литерале объекта:
Пример краткого определения метода функции
const room = { items: [], add(...items) { this.items.push(...items); }, get(index) { return this.items[index]; } };
room.add('JS', 'Startup', 'JavaScript');
room.get(1); // Startup
Итак, add()
и get()
методы в объектах определяются с использованием краткого определения метода. Эти методы называются как обычно: room.add(...)
и room.get(...)
.
Заключение
Чтобы принять участие в нашей викторине по javascript или испытаниях, обучающих материалах, советах и приемах, не забудьте подписаться на нашу рассылку jsstartup. Итак, вы можете участвовать в наших ежедневных задачах и изучать концепцию JavaScript.
И последнее, но не менее важное: не забывайте ставить лайки, комментировать и делиться. Это дает нам моральный дух, чтобы мы продолжали работать. Также присоединяйтесь к нашей странице в Facebook
Если у вас есть какие-либо вопросы, не стесняйтесь спрашивать меня в разделе комментариев, а также дайте мне знать, если у вас есть какие-либо предложения. Поскольку предложения всегда приветствуются.
Если вам понравилась эта статья, пожалуйста, дайте мне аплодисменты.
Первоначально опубликовано на https://jsstartup.com 3 октября 2020 г.