1.JavaScript 函数的概念
函数:封装一段可被重复调用执行的代码块,通过函数可以实现大量代码的重复使用。函数也是
一种引用数据类型。
简单来说函数就是一个容器,可以封装一些代码, 在需要时再执行这些代码。
2.JavaScript 函数的使用
创建函数(常用):
通过 function 关键字声明函数,又叫做 命名函数。
function 函数名() {
// 函数体代码
}
// function 是声明函数的关键字,必须小写
// 函数名 命名为动词形式 例: getSum
通过函数表达式定义函数,又叫做 匿名函数。
let fun = function() {
// 函数体代码
};
// fun 是变量名,不是函数名
// fun 是变量,只不过变量存储的是函数
调用函数:
函数内的代码一般不会自动执行,需要调用这个函数函数名();
函数表达式创建的函数可以通过变量名来调用变量名();
函数的封装:
函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口(函数名)。
//例用封装函数计算 1-100 累加和
function getSum() {
let num = 0; // 准备一个变量,保存累加和
for (let i = 1; i <= 100; i++) {
num += i; // 把每个数值 都累加到变量中
}
console.log(num);
}
// 调用函数
getSum();
3.JavaScript 函数的参数
形参:函数定义时候,传递的参数 (实参值会传递给形参,相当于不用声明的变量)。
实参:函数调用时候,传递的参数。
// 带参数的函数声明
function 函数名(形参 1,形参 2,形参 3...) {
//函数体
}
// 带参数的函数调用
函数名(实参 1,实参 2,实参 3...);
函数的返回值:
返回值:函数调用后返回的数据;函数执行完成后可以通过 return 语句将指定数据返回。
// 声明函数
function 函数名() {
// 函数体
return 需要返回的值;
// 函数遇到 return 会停止执行,并返回指定的值
// 如果函数没有 return 返回的值是 undefined
}
// 调用函数
函数名(); //此时调用函数就可以得到函数体内 return 的值
break,continue,return 的区别:
break: 结束当前的循环体 (如 for、while)
continue: 跳出本次循环 继续执行下次循环
return: 不仅可以终止当前函数体内的代码,还能返回 return 语句后面的值。