JavaScript
Введение:
В JavaScript ES6 существуют различные способы объявления функций, каждый из которых имеет свои уникальные характеристики и варианты использования. Двумя наиболее часто используемыми методами объявления функций являются неявные функции (иногда называемые анонимными функциями) и явные функции (также известные как именованные функции). В этой статье мы собираемся изучить разницу между неявными и явными функциями, варианты их использования, а также то, как они способствуют ясности кода и удобству сопровождения. Кроме того, мы также немного углубимся в то, что такое стрелочные функции в целом и как мы можем использовать их для создания четкого и лаконичного кода. Однако я хочу отметить, что в этой статье мы сосредоточимся только на отдельных неявных и явных функциях и не будем рассматривать неявные функции, связанные с массивами и объектами. Давай начнем.
Функции стрелок:
Стрелочные функции — это функции, в которых мы объявляем/определяем нашу функцию с помощью стрелки (=") или, точнее, знака равенства в сочетании с символом "больше" вместо нашего типичного ключевого слова "функция".
Вот пример:
Явные функции:
Теперь давайте быстро вспомним, что такое явная функция. Явная функция — это когда мы явно объявляем значение с помощью ключевого слова return или фигурных скобок в функции.
Вот пример:
В нашем примере выше мы объявляем именованную функцию и именованную стрелочную функцию. Обратите внимание, что в обеих наших функциях мы используем ключевое слово return. Это означает, что мы используем явную функцию, поскольку мы явно возвращаем наше значение.
Неявная функция:
Неявные функции — это функции, в которых мы возвращаем значение, но без использования ключевого слова return.
Вот несколько примеров:
В нашем примере выше у нас есть 3 различных примера преобразования явных (обычных или именованных функций) в неявные функции. Я хочу отметить различные синтаксические структуры наших неявных стрелочных функций.
В нашем первом примере мы передаем несколько параметров внутри нашей функции. При передаче нескольких параметров в функцию мы используем знак равенства (=), затем круглые скобки ( ), а затем два параметра внутри круглых скобок (a, b), за которыми следует стрелка (=›), а затем передается наше значение «a + b». В конечном итоге это должно выглядеть так (const sum = (a, b) => a + b; В нашем следующем примере у нас есть 1 параметр.
Пример:
В нашем примере с 1 параметром мы имеем const eatPie = r => Math.PI*r*r. С 1 параметром мы можем сохранить наш параметр, но можем удалить круглые скобки (). Затем мы добавляем стрелку =› и передаем наше значение.
Последний пример:
В нашем последнем примере у нас нет параметра, поэтому мы можем оставить круглые скобки (), затем мы используем стрелку => и затем передаем наше значение.
Заключение:
И вот оно. В этой статье мы обсудили увлекательный мир стрелочных функций JavaScript. Просто краткий обзор. Мы рассмотрели несколько фундаментальных понятий: явные функции, неявные функции и стрелочные функции. Мы уже упоминали, что явные функции — это функции, которые используют ключевое слово return для вызова/передачи значения. Неявные функции — это функции, которые используют стрелку «=›» в качестве «возврата» для вызова/передачи значения. Наконец, мы также обсудили, что такое стрелочные функции и как вместо использования ключевого слова «функция» мы объявляем наши функции с помощью «="». Я уверен, что, понимая эти фундаментальные концепции, вы сможете писать ясный и краткий код. Так что выходите, применяйте эти концепции на практике и наслаждайтесь программированием.
