update:函数的介绍

This commit is contained in:
qianguyihao 2019-01-11 20:14:49 +08:00
parent 8d177fe629
commit 4dd5d60649

View File

@ -2,19 +2,24 @@
## 函数
函数:就是将一些语句进行**封装**,然后通过**调用**的形式,执行这些语句。
函数:就是将一些功能或语句进行**封装**,在需要的时候,通过**调用**的形式,执行这些语句。
**函数的作用:**
- **函数也是一个对象**
- 使用`typeof`检查一个函数对象时会返回function
**函数的作用**
- 将大量重复的语句写在函数里,以后需要这些语句的时候,可以直接调用函数,避免重复劳动。
- 简化编程,让编程模块化。
来看个例子:
来看个例子:
```javascript
console.log("你好");
sayHello(); //调用函数
//定义函数:
function sayHello(){
console.log("欢迎");
@ -22,9 +27,19 @@
}
```
### 第一步:函数的定义
函数定义的语法:
**方式一**:使用`函数声明`来创建一个函数。语法:
```javascript
function 函数名([形参1,形参2...形参N]){ // 备注:语法中的中括号,表示“可选”
语句...
}
```
举例:
```javascript
function sum(a, b){
@ -44,6 +59,26 @@
PS方法写完之后我们在方法的前面输入`/**`,然后回车,会发现,注释的格式会自动补齐。
**方式二**:使用`函数表达式`来创建一个函数。语法:
```javascript
var 函数名 = function([形参1,形参2...形参N]){
语句....
}
```
举例:
```javascript
var fun3 = function() {
console.log("我是匿名函数中封装的代码");
};
```
从方式二的举例中可以看出:所谓的“函数表达式”,其实就是将匿名函数赋值给一个变量。
当然,我们还有方式三:使用构造函数来创建一个对象。这种方式,用的少。
### 第二步:函数的调用
@ -99,96 +134,6 @@ PS方法写完之后我们在方法的前面输入`/**`,然后回车,
return的作用是结束方法。
## 函数 function
函数:就是将一些语句(功能)进行**封装**,然后通过**调用**的形式,执行这些语句。
- **函数也是一个对象**
- 使用`typeof`检查一个函数对象时会返回function
**函数的作用:**
- 将大量重复的语句写在函数里,以后需要这些语句的时候,可以直接调用函数,避免重复劳动。
- 简化编程,让编程模块化。
先来看个例子:
```javascript
console.log("你好");
sayHello(); //调用函数
//定义函数:
function sayHello(){
console.log("欢迎");
console.log("welcome");
}
```
我们在实际开发中很少使用构造函数来创建一个函数对象。
### 第一步:函数的定义
**方式一**:使用`函数声明`来创建一个函数。语法:
```javascript
function 函数名([形参1,形参2...形参N]){
语句...
}
```
举例:
```javascript
function sum(a, b){
return a+b;
}
```
解释如下:
- function是一个关键字。中文是“函数”、“功能”。
- 函数名字:命名规定和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头。
- 参数:后面有一对小括号,里面是放参数用的。
- 大括号里面,是这个函数的语句。
PS方法写完之后我们在方法的前面输入`/**`,然后回车,会发现,注释的格式会自动补齐。
**方式二**:使用`函数表达式`来创建一个函数。语法:
```javascript
var 函数名 = function([形参1,形参2...形参N]){
语句....
}
```
举例:
```javascript
var fun3 = function() {
console.log("我是匿名函数中封装的代码");
};
```
### 第二步:函数的调用
函数调用的语法:
```javascript
函数名字();
```
## 函数的参数:形参和实参
函数的参数包括形参和实参。来看下面的图就懂了: