JavaScript 函数

函数是"打包好的一段代码":给它起个名字,需要时随时调用,避免重复写同样的逻辑。JS 中函数是一等公民,可以赋值给变量、作为参数传递。函数是把程序拆成小积木的关键。

函数声明与调用

用 function 关键字声明函数,函数名后面跟一对小括号 ()(里面放参数),用 函数名() 来调用:

function sayHello() {
  console.log("你好!");
}
sayHello();    // 调用函数
sayHello();    // 可以反复调用
// 输出:你好!
// 输出:你好!

参数与返回值

参数是函数的"输入",写在声明的小括号里;return 是"输出",把结果交还给调用处:

function add(a, b) {
  return a + b;      // return 返回结果,并立刻结束函数
}
let result = add(3, 5);
console.log(result);
// 输出:8

没有 return 的函数,调用结果默认为 undefined:

function printName(name) {
  console.log("名字:" + name);
}
let r = printName("小明");  // 输出:名字:小明
console.log(r);            // 输出:undefined

函数表达式

函数也可以当作值赋给变量,此时叫"函数表达式"(函数可以没有名字):

let square = function (x) {
  return x * x;
};
console.log(square(4));
// 输出:16

箭头函数(ES6 简写)

更简洁的函数写法:(参数) => 返回值。只有一行时可以省略 return 和花括号:

let double = (x) => x * 2;        // 一个参数,可省略括号
let add2 = (a, b) => a + b;       // 多个参数要加括号
console.log(double(5));           // 输出:10
console.log(add2(1, 2));          // 输出:3

参数默认值

参数可以在声明时给默认值,调用时不传就使用默认值:

function greet(name = "游客") {
  console.log("欢迎," + name);
}
greet();          // 输出:欢迎,游客
greet("小红");     // 输出:欢迎,小红

为什么用函数

  • 复用:一段逻辑只写一次,多处调用。
  • 易维护:想改逻辑,只改函数一处,所有调用一起生效。
  • 可读性:sayHello、add 这样的名字,比一大段散落的代码更容易理解。

小结

函数四要素:声明、调用、参数、返回值。会写函数后,复杂程序就能拆成一个个小积木来搭建。下一章讲变量的"可见范围"——作用域。

笔记加载中…