Функции (Function) JavaScript

Функция JavaScript - это блок кода, предназначенный для выполнения действий или выполнения определенной задачи.

Функция - это自定义 код, определенный программистом, который делает ваш的程序 более модульным и эффективным.

Когда "нечто" вызывает функцию JavaScript, выполняется эта функция.

Определение функции

Функциональное определениетакже称为Функциональное объявлениеИспользование ключевого слова function, порядок функций:

• Имя функции

• Список параметров функции заключен в круглые скобки ( ) и разделен запятыми

• Определение функции заключено в фигурные скобки { }
  

Вот грамматика функции в JavaScript:

function nameOfFunction(parameter1, parameter2, ..., parameterN) {
　// Код для выполнения
　}

Имя функции может содержать буквы, цифры, символы подчеркивания и символ доллара $ (как у переменных)

В первом примере мы будем выполнять функциональное объявление для вывода приветствия в документ.

function greet() {
　　　document.write("Hello, World!");
}

Вызов функции

Определение функции не выполняется. Определение функции означает только命名 функции и указание операций, выполняемых при ее вызове.

Функцию можно вызвать, добавив к имени функции скобки ()

// Определение функции greet()
function greet() {
　　　document.write("Hello, World!");
}
// Вызов уже определенной функции greet()
greet();

Теперь, мы будемgreet();Код содержится в функции и может быть повторно использован по мере необходимости.

// Определение функции greet()
function greet() {
　　　document.write("Hello, World!");
}
// Множественные вызовы уже определенной функции greet()
greet();
greet();
greet();

Вы также можете вызвать функцию другими способами:

• При наступлении события (например, когда пользователь нажимает кнопку)

• Вызов из кода JavaScript

• Автоматически (самостоятельно)

В последующих разделах урока вы узнаете больше о вызове функций.

Параметры функции

При определении функции для получения значений в runtime можно指定 параметры.

Параметры функции перечислены в скобках () в определении функции.

// определение функции
function greet(name) {
　　　document.write("Hello, " + name);
}
// Вызов функции greet с параметром "Vishal"
greet("Vishal");

Вы можете определить любое количество параметров по своему усмотрению.

// определение функции
function add(num1, num2, num3) {
　　　var total = num1 + num2 + num3;
　　　document.write(total);
}
　
//　вызов функции
add(5,　20,　10);　//　выводит:　35
add(-5,　8,　7);　　//　выводит:　10

Но для каждого указанного параметра при вызове функции необходимо передать соответствующий параметр функции, в противном случае его значение будет неопределенным.

// определение функции
function　showFullname(fName,　lName)　{
　　　document.write(fName　+　"　"　+　lName);
}
　
//　вызов функции
showFullname("Kavy",　"Mark");　//　выводит:　Kavy　Mark
showFullname("John");　//　выводит:　John　undefined

Рабочий способ параметров похож на переменные-заполнители в функции; они заменяются значениями, переданными функции при ее вызове (называемыми параметрами).

Внутри функции параметры представляют собой локальные переменные.

Вы узнаете больше о параметрах функции в后面的 части этого руководства.

Возвращаемое значение

Функция JavaScript может использовать оператор return для возврата значения скрипту, который вызвал функцию.

Возвращаемое значение может быть любым типом, включая массивы и объекты.

Когда JavaScript достигает строки return, функция останавливает выполнение.

Ниже приведена функция, которая принимает параметр, называемый числом, и возвращает значение, умноженное на само себя (то есть число):

// определение функции
function　square(number)　{
　　　return　number　*　number;
}
// вызов функции, возвращаемое значение будет храниться в x
var　x　=　square(5);

Функция не может возвращать несколько значений. Но вы можете получить подобный результат, вернув массив значений:

function　makeArray()　{
　　　var　myArray　=　["Apple",　"Mango",　"Banana",　"Orange"];
　　　return　myArray;
}

оператор () для вызова функции

Используя пример выше, ссылается на функцию object square и ссылается на результат функции square()

Если не использовать ()(), то будет возвращено определение функции, а не результат функции:

function　square(number)　{
　　　return　number　*　number;
}
document.write(square(5));　　//　вывод　25
document.write(square);　//　вывод определенной функции

функциональное выражение

Хотя функция в объявлении в синтаксисе является предложением, ее также можно использовать в функцииВыражениеСоздание функции.

Функциональные выражения могут храниться в переменных и всегда вызываться по имени переменной.

Такие функции могут бытьАнонимная ; Оно не обязательно должно иметь имя. Например, функция square() может быть определена как:

var square = function(number) { return number * number; };
var x = square(5); // x = 25

Другой пример:

var sum = function(a, b) {
return a + b;
}
var x = sum(100, 8); // x = 108

Верхняя функция заканчивается точкой с запятой, потому что она является частью executable statement.

Область действия функции

Переменные, определенные в функции, не могут быть доступны снаружи функции nowhere, они станут локальными переменными функции.

//　Этот код не может использовать city
function myFunc() {
　　　var city = "New Delhi";
　　//　Этот код может использовать city
}
//　Этот код не может использовать city

Поскольку локальные переменные могут использоваться только в функции, переменные с одинаковыми именами могут использоваться в различных функциях.

Локальные переменные создаются при запуске функции и удаляются при завершении функции.