函数

# 1 基本概念

可能会有非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用

我们把实现特定功能的代码块叫做一个函数

函数可以需要的任何时候调用
函数不调用不执行

# 1) 函数声明

语法

// 声明函数
function 函数名() {
    //函数体代码
}

1
2
3
4

# 2) 调用函数

语法

函数名();

示例

将累加求和的功能

封装成一个函数, 求1到100和

// 声明函数
function getSum(){
  var sumNum = 0;// 准备一个变量，保存数字和
  for (var i = 1; i <= 100; i++) {
    sumNum += i;// 把每个数值 都累加 到变量中
  }
  alert(sumNum);
}
// 调用函数
getSum();

1
2
3
4
5
6
7
8
9
10

# 2 参数

参数可以使函数实现更加强大的功能

# 1) 实参与形参

语法

// 带参数的函数声明
function 函数名(形参1, 形参2 , 形参3...) { // 可以定义任意多的参数，用逗号分隔
  // 函数体
  // 形参当作变量使用
}
// 带参数的函数调用
函数名(实参1, 实参2, 实参3...);

1
2
3
4
5
6
7

形参: 函数声明时参数
实参: 函数调用时参数

# 2) 传参的过程

传参的过程就是赋值的过程, 将==实参的值==赋值给形参

示例

进一步改造, 计算从n到m的和

// 声明函数
function getSum(n, m){
  var sumNum = 0;// 准备一个变量，保存数字和
  for (var i = n; i <= m; i++) {
    sumNum += i;// 把每个数值 都累加 到变量中
  }
  alert(sumNum);
}
// 调用函数
getSum(5, 10);

1
2
3
4
5
6
7
8
9
10

# 3 返回值

一般一个函数在调用后, 会产生一个固定的结果, 一般将结果返回出来, 具体要怎么使用这个结果, 不是由函数决定的. 这就是编程里的"单一职责"原则

进一步改造

// 声明函数
function getSum(n, m){
  var sumNum = 0;// 准备一个变量，保存数字和
  for (var i = n; i <= m; i++) {
    sumNum += i;// 把每个数值 都累加 到变量中
  }
  return sumNum
}
// 调用函数
var res = getSum(5, 10)
alert(res)
console.log(res)

1
2
3
4
5
6
7
8
9
10
11
12

注意

函数没有写return语句时, 默认返回undefined
return语句后的代码不会执行

尝试封装一些函数

求n到m的奇数和
封装一个函数求n到m的平均值
封装一个函数求数组中的最大值

如果觉得有帮助, 可以微信扫码, 请杰哥喝杯咖啡~

上次更新: 2021/09/03, 15:32:17

← 数组对象→