Функция 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 -

  1. Тест по JavaScript - регистр переключателя может изменить значение переменной
  2. JS Quiz - нулевая дата может дать метод полного года
  3. JS Quiz - действительно ли заданный объект хранит повторяющийся объект
  4. Тест по 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 г.