71 lines
2.0 KiB
Markdown
71 lines
2.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中，您还可以使用箭头函数缩短语法。 以下演示了两个功能。一个用标准形式写成，一个用箭头写成。请记住，箭头函数没有自己的this，arguments，super或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)
|