JavaScript 函数

一个 JavaScript 函数是可以通过代码调用的一个“子程序”。函数被设计来执行某个特定的任务，函数在被调用时执行。

function add(a, b) {
  return a + b; // 返回 a 与 b 的和
}

JavaScript 函数语法

JavaScript 函数由 function 关键字定义，后跟函数名，后跟括号 ()，括号中时参数列表。

函数名可以包含字母、数字、下划线和美元符号（与变量的规则相同）。
括号中是函数参数，多个参数用逗号分割：（参数 1，参数 2，…），函数参数可以在函数内部使用。
函数要执行的代码放在大括号内：{}

函数语法：

function name(parameter1, parameter2, parameter3) {
  // 这里是函数代码
}

函数返回

JavaScript 函数可以有返回值，一般通过 return 关键字返回。如果没有 return 语句，则函数默认返回 undefined。

计算两个数的加法，并返回结果：

function add(a, b) {
  return a + b; // 返回 a 与 b 的和
}

let x = add(4, 3); // 函数 add() 被调用，返回值赋值给变量 x
console.log("x =", x); // 输出 x = 7

函数有什么用？

函数被设计的目的主要是代码复用。把可能重复执行的代码或者逻辑定义成函数，在需要的地方调用函数就行了。以后如果需要修改业务的逻辑，只需要修改函数的实现就可以了。

复用的加法函数：

function add(a, b) {
  return a + b; // 返回 a 与 b 的和
}

let x = add(4, 3); // 函数 add() 被调用，返回值赋值给变量 x
console.log("x =", x); // 输出 x = 7

let y = add(5, 6); // 函数 add() 被调用，返回值赋值给变量 x
console.log("y =", y); // 输出 y = 11

函数可以放在任何需要调用的地方：

function add(a, b) {
  return a + b; // 返回 a 与 b 的和
}

const output = "3 + 4 = " + add(3, 4) + ", 5 + 6 = " + add(5, 6);
console.log(output); // 输出 3 + 4 = 7, 5 + 6 = 11

局部变量

在 JavaScript 函数中声明的变量为该函数的局部变量，局部变量只能从函数内部访问。

// 这里访问不到 name 变量
function myFunction() {
  let name = "张三";
  let message = "我的名字是：" + name;
  console.log(message);
}

// 这里访问不到 name 变量

函数内部局部变量的作用域就是函数体，函数体外是访问不到函数的局部变量的。函数运行结束后，局部变量就被销毁了。

JavaScript 函数

JavaScript 函数语法

函数返回

函数有什么用？

局部变量

目录