update:函数的介绍
This commit is contained in:
parent
8d177fe629
commit
4dd5d60649
@ -2,19 +2,24 @@
|
|||||||
|
|
||||||
## 函数
|
## 函数
|
||||||
|
|
||||||
函数:就是将一些语句进行**封装**,然后通过**调用**的形式,执行这些语句。
|
函数:就是将一些功能或语句进行**封装**,在需要的时候,通过**调用**的形式,执行这些语句。
|
||||||
|
|
||||||
**函数的作用:**
|
- **函数也是一个对象**
|
||||||
|
|
||||||
|
- 使用`typeof`检查一个函数对象时,会返回function
|
||||||
|
|
||||||
|
**函数的作用**:
|
||||||
|
|
||||||
- 将大量重复的语句写在函数里,以后需要这些语句的时候,可以直接调用函数,避免重复劳动。
|
- 将大量重复的语句写在函数里,以后需要这些语句的时候,可以直接调用函数,避免重复劳动。
|
||||||
|
|
||||||
- 简化编程,让编程模块化。
|
- 简化编程,让编程模块化。
|
||||||
|
|
||||||
先来看个例子:
|
来看个例子:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
console.log("你好");
|
console.log("你好");
|
||||||
sayHello(); //调用函数
|
sayHello(); //调用函数
|
||||||
|
|
||||||
//定义函数:
|
//定义函数:
|
||||||
function sayHello(){
|
function sayHello(){
|
||||||
console.log("欢迎");
|
console.log("欢迎");
|
||||||
@ -22,9 +27,19 @@
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
### 第一步:函数的定义
|
### 第一步:函数的定义
|
||||||
|
|
||||||
函数定义的语法:
|
**方式一**:使用`函数声明`来创建一个函数。语法:
|
||||||
|
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
function 函数名([形参1,形参2...形参N]){ // 备注:语法中的中括号,表示“可选”
|
||||||
|
语句...
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
举例:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
function sum(a, b){
|
function sum(a, b){
|
||||||
@ -44,6 +59,26 @@
|
|||||||
|
|
||||||
PS:方法写完之后,我们在方法的前面输入`/**`,然后回车,会发现,注释的格式会自动补齐。
|
PS:方法写完之后,我们在方法的前面输入`/**`,然后回车,会发现,注释的格式会自动补齐。
|
||||||
|
|
||||||
|
**方式二**:使用`函数表达式`来创建一个函数。语法:
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
var 函数名 = function([形参1,形参2...形参N]){
|
||||||
|
语句....
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
举例:
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
var fun3 = function() {
|
||||||
|
console.log("我是匿名函数中封装的代码");
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
从方式二的举例中可以看出:所谓的“函数表达式”,其实就是将匿名函数赋值给一个变量。
|
||||||
|
|
||||||
|
当然,我们还有方式三:使用构造函数来创建一个对象。这种方式,用的少。
|
||||||
|
|
||||||
### 第二步:函数的调用
|
### 第二步:函数的调用
|
||||||
|
|
||||||
@ -99,96 +134,6 @@ PS:方法写完之后,我们在方法的前面输入`/**`,然后回车,
|
|||||||
return的作用是结束方法。
|
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
|
|
||||||
函数名字();
|
|
||||||
```
|
|
||||||
|
|
||||||
## 函数的参数:形参和实参
|
## 函数的参数:形参和实参
|
||||||
|
|
||||||
函数的参数包括形参和实参。来看下面的图就懂了:
|
函数的参数包括形参和实参。来看下面的图就懂了:
|
Loading…
x
Reference in New Issue
Block a user