В этой статье мы разберём что такое функция в программировании, на примере языка программирования JavaScript, думаю будет интересно новичкам.
Также можете посмотреть статью «Jest тестирование в JavaScript», думаю эта статья будет полезна многим начинающим JS разработчикам.
Что такое функция в программировании:
Функции — одна из основных частей компьютерных программ.
Они широко используются и являются одними из основных строительных блоков JavaScript.
В этой статье мы рассмотрим определение функций и объясним, почему они так важны. Я также покажу вам, как начать писать функции на JavaScript.
Давайте нырнем!
Что такое функция в программировании на JavaScript:
Функция — это блок кода, который инкапсулирует одно изолированное, автономное поведение, которое должен выполнять компьютер.
Функции — это набор организованных инструкций, которые соответствуют определенной задаче или конкретным функциям, которые пользователь хочет реализовать в своей программе для достижения единственного желаемого результата.
Код внутри функции работает только тогда , когда это необходимо, то есть только тогда , когда оно называется .
Функции — важная и полезная часть программирования, поскольку они создают повторно используемый код.
Вместо того, чтобы копировать, вставлять и повторять один и тот же код в разных частях вашей программы, вы можете написать этот код только в одном месте, используя функцию. Тогда вы можете использовать его снова и снова, когда вам нужно.
Это также помогает, когда вы хотите внести изменения в свою программу или отладить и попытаться исправить ошибку.
Вместо того, чтобы искать разные части, где мог бы находиться ваш код, вам нужно взглянуть только на одно конкретное место, которое сделает ваш код более читабельным.
Как объявлять функции в JavaScript:
Общий синтаксис для создания функции в JavaScript выглядит так:
1 2 3 | function name(parameter1,parameter2,...) { // the code statements to be executed } |
Давайте разберемся:
Вы объявляете функцию с function ключевым словом.
Затем вы даете функции имя по вашему выбору. Имена функций в JavaScript чувствительны к регистру, и их следует использовать по соглашению и рекомендациям camelCase.
За именем функции следует набор открывающих и закрывающих круглых скобок. Функции могут принимать данные, принимая входные данные . Эти входные данные заключены в круглые скобки и называются параметрами .
Параметры действуют как локальные переменные-заполнители для значений, которые будут переданы в функцию в качестве входных данных при вызове функции. Они не являются обязательными, и если их несколько, вы разделяете их запятыми.
Наконец, фигурные скобки и внутри них основная часть функции с операторами кода, которые должны выполняться при вызове функции. Здесь обрабатываются входные данные функции.
Как объявить и вызвать простую функцию в JavaScript:
1 2 3 | function greeting() { console.log('Hello World!'); } |
Выше мы создали функцию с именем greeting.
Это очень простая функция, с которой мало что можно сделать. Он не принимает никаких входных данных, и единственное, что происходит, — это текст, Hello World!выводимый на консоль.
Определение функции само по себе не запускает код внутри тела функции. Чтобы выполнить код и увидеть это сообщение в консоли, необходимо вызвать функцию. Это также известно как вызов функции .
Чтобы вызвать функцию, которая не принимает входные данные, вы просто напишите имя функции, за которым следует круглые скобки и точка с запятой в конце.
1 2 3 4 | greeting(); // output: // Hello World! |
Теперь вы можете многократно использовать эту функцию, просто многократно вызывая саму функцию. Это поможет вам избежать повторения кода:
1 2 3 4 5 6 7 8 | greeting(); greeting(); greeting(); // output: // Hello World! // Hello World! // Hello World! |
Как объявлять и вызывать функции с параметрами в JavaScript:
Мы можем изменить предыдущий пример, чтобы принимать входные данные. Мы сделаем это с параметрами, как упоминалось ранее.
Параметры — это значения, которые вы передаете функции при ее объявлении .
1 2 3 | function greeting(name) { console.log('Hello ' + name + ' !' ); } |
Функция с именем greetingтеперь принимает один параметр, name. Эта строка объединяется ( +) со строкой Hello и восклицательным знаком в конце.
При вызове функций, которые принимают параметры, вам необходимо передать аргументы.
Аргументы — это значения, которые вы указываете при вызове функции, и они соответствуют параметрам, которые были переданы в строке декалации функции.
Например:
1 2 3 4 | greeting('Jenny'); // Output: // Hello Jenny ! |
Аргумент — это значение, Jennyи вы можете думать об этом как о name = ‘Jenny’. name, параметр — это переменная-заполнитель и Jennyзначение, которое вы передаете при вызове функции.
Функции могут принимать более одного параметра, а также могут возвращать данные пользователю программы:
1 2 3 | function addNums(num1,num2) { return num1 + num2; } |
В приведенном выше коде создана функция с именем, addNumsкоторая принимает два параметра — num1и num2, разделенных запятой.
Так же, как функции имеют входы, они также выходят и выходы.
Функция возвращает на выходе сумму num1и num2. Это означает, что он обрабатывает два параметра, выполняет запрошенный расчет и возвращает конечное значение в качестве результата обратно пользователю.
При вызове функции необходимо передать два аргумента, поскольку она принимает два параметра:
1 2 3 4 | addNums(10,20); // Output: // 30 |
Каждый раз, когда вызывается функция, вы можете передавать разные аргументы:
1 2 3 4 | addNums(2,2); // 4 addNums(3,15); //18 |
Область видимости переменной в функциях JavaScript:
Область видимости переменной означает, как видно переменные в разные части программы.
Переменная, определенная снаружи и до того, как функциональный блок имеет глобальную область видимости, и к ней можно получить доступ изнутри функции:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | const num = 7; function myFunc() { console.log(num); } //Access the variable with a global scope from anywhere in the program: console.log(num); // Output: // 7 //Call the function with the variable with global scope myFunc(); // Output: // 7 |
Но если бы эта переменная была определена внутри функции, у нее была бы локальная область видимости, и она была бы ограничена и видна только в той функции, в которой она была определена.
Вы не можете получить к нему доступ извне функции:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | function myFunc() { const num = 7; console.log(num); } // Try to access the variable with local scope from outside the function scope: console.log(num); // Output: // Uncaught ReferenceError: num is not defined //Call the function with the variable defined inside the function: myFunc(); // Output: // 7 |
Функциональные выражения:
Вы также можете создавать функции с помощью выражений.
Эти функции создаются внутри выражения, а не с объявлением функции, как вы видели до сих пор.
1 2 3 | const name = function(firstName) { return 'Hello ' + firstName ; } |
Здесь мы используем переменную nameдля хранения функции.
Чтобы вызвать функцию, вы используете такое имя переменной:
1 2 3 | console.log(name('Jenny')); // Output: // "Hello Jenny" |
Этот тип функции также называется анонимной функцией, потому что он не требует имени.
Различия между именованной функцией и анонимной перечислены ниже:
1 2 3 4 5 6 7 8 9 10 11 12 | //named function name(firstName) { console.log('Hello ' + firstName); } name('Jenny'); //anonymous const name = function(firstName) { return 'Hello ' + firstName ; } console.log(name('Jenny')); |
Переменные в анонимных функциях также могут использоваться как значения для других переменных:
1 2 3 4 5 6 7 8 | const name = function(firstName) { return 'Hello ' + firstName ; } const myName = name('Timmy'); console.log(myName); // Output: // "Hello Timmy" |
Вывод:
В этой статье вы прочитали что такое функция в программировании на примере известного языка программирования JavaScript, думаю ввам были интересно и полезно.
Подписываетесь на соц-сети:
Оценка:
Загрузка...