71 lines
3.0 KiB
Markdown
71 lines
3.0 KiB
Markdown
---
|
||
title: Function Invocation
|
||
localeTitle: Вызов функции
|
||
---
|
||
## Вызов функции
|
||
|
||
Код внутри функции выполняется при вызове функции. Обычно используется термин «вызов функции» вместо «вызывать функцию».
|
||
|
||
Функции должны быть в области действия, когда они вызываются. Объем функции - это функция, в которой она объявлена, или вся программа, если она объявлена на верхнем уровне.
|
||
|
||
```javascript
|
||
function myFunction(a, b) {
|
||
return a * b;
|
||
}
|
||
myFunction(10, 2); // Function invocation, will return 20
|
||
|
||
//optional parameters (es6 only)
|
||
//allow to set optional parameters
|
||
|
||
function myFunction(a, b = 10) {
|
||
return a * b;
|
||
}
|
||
myFunction(1); // Function invocation, will return 10
|
||
myFunction(1,5); // Function invocation, will return 5
|
||
```
|
||
|
||
В примере кода a и b являются параметрами функции, которые содержат значения 10 и 2, которые являются аргументами, используемыми в вызове функции.
|
||
|
||
### Вызов функции как метода
|
||
|
||
В JavaScript вы можете определять функции как методы объекта.
|
||
|
||
В следующем примере создается объект ( `myObject` ) с двумя свойствами ( `firstName` и `lastName` ) и методом ( `fullName` ):
|
||
|
||
```javascript
|
||
var myObject = {
|
||
firstName:"John",
|
||
lastName: "Doe",
|
||
fullName: function () {
|
||
return this.firstName + " " + this.lastName;
|
||
}
|
||
}
|
||
myObject.fullName(); // Function invoked as a method, will return "John Doe"
|
||
```
|
||
|
||
### Функции стрелки
|
||
|
||
В новейшей версии Javascript вы также можете сократить синтаксис с помощью функций стрелок. На следующем рисунке показаны две функции. Один из них написан в стандартной форме, один написан как функция стрелки. Имейте в виду, что функции стрелок не имеют собственных, аргументов, супер или new.target.
|
||
|
||
```javascript
|
||
//regular function
|
||
|
||
function addStuff(args) {
|
||
return args + 2;
|
||
}
|
||
|
||
addStuff(2);
|
||
//returns 4
|
||
|
||
//arrow function
|
||
|
||
var addStuff = (args) => args + 2;
|
||
addStuff(2);
|
||
//returns 4
|
||
```
|
||
|
||
Эта сокращенная версия функции стрелки имеет неявный возврат, поэтому вы не указываете оператор return.
|
||
|
||
### Дополнительная информация:
|
||
|
||
* Документация по функциям: [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions) |