【JavaScript】函数 ⑦ ( 函数定义方法 | 命名函数

【JavaScript】函数 ⑦ ( 函数定义方法 | 命名函数 | 函数表达式 )

文章目录

一、函数定义方法
- 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>