文章目录
- 一、函数定义方法
- 1、命名函数
- 2、函数表达式
- 3、函数表达式示例
一、函数定义方法
1、命名函数
定义函数的标准方式 就是 命名函数 , 也就是之前讲过的 声明函数 ;
函数 声明后 , 才能被调用 ;
声明函数的语法如下 :
function functionName(parameters) {
// 函数体
return expression;
}
- functionName 是 函数名称 ;
- parameters 是 函数 的 形式参数列表 , 多个参数之间用逗号分隔 ;
- expression 是 函数返回值 ;
命名函数 示例如下 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 设置 meta 视口标签 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript</title>
<style></style>
<script>
// JavaScript 函数
// 定义函数
function add(num1, num2) {
// 打印所有的实参
console.log(arguments);
// 返回返回值
return num1 + num2;
}
// 函数有返回值
var ret = add(1, 2);
console.log("函数返回值 : " + ret);
</script>
</head>
<body>
</body>
</html>
执行结果 :
- VSCode 控制台输出 :
- Chrome 浏览器执行效果 :
2、函数表达式
" 函数表达式 " 与 函数声明 类似 ,
" 函数表达式 " 可以定义在代码的任何位置 ,
" 函数表达式 " 可以赋值给变量 ;
函数表达式语法结构如下 :
var functionName = function(parameters) {
// 函数体
return expression;
};
在 函数表达式 中 , 可以将 匿名函数 赋值给一个变量 , 上面的语法结构就是 将 匿名函数 赋值给 变量 的 语法 ;
上述 使用 函数表达式 赋值的 变量 , 也可以当做函数进行调用 , 调用方法与函数相同 , 将变量名 当做 函数名 使用即可 ;
3、函数表达式示例
代码示例 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 设置 meta 视口标签 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript</title>
<style></style>
<script>
// JavaScript 函数
// 将 函数表达式 赋值给 add 变量
var add = function (num1, num2) {
// 打印所有的实参
console.log(arguments);
// 返回返回值
return num1 + num2;
}
// 函数有返回值
var ret = add(1, 2);
console.log("函数返回值 : " + ret);
</script>
</head>
<body>
</body>
</html>
执行结果 :
-
VSCode 控制台输出 :
-
Chrome 浏览器执行效果 :
