JZTXT

基础-函数

发布时间 2023-07-08 02:04:05作者: 黑逍逍

函数（Functions）： 函数是一段可重复使用的代码块，它接受参数并执行特定的任务。通过定义函数，可以将代码逻辑封装起来，提高代码的重用性和可维护性。在JavaScript中，函数是一等公民，可以作为值传递和存储。

以下是关于函数的详细介绍：

  1. 函数声明： 使用 function 关键字可以声明一个函数。函数声明包括函数名、参数列表和函数体。
function greet(name) {
  console.log("Hello, " + name + "!");
}

　　

  1. 函数调用： 要执行函数，需要通过函数名加上一对括号来调用它，并提供参数（如果有的话）。
greet("John"); // 调用 greet 函数并传递参数 "John"

　　

  1. 函数参数： 函数可以接受零个或多个参数，参数是函数定义中用于接收传递给函数的值的占位符。
function addNumbers(a, b) {
  return a + b;
}

let sum = addNumbers(5, 10); // 调用 addNumbers 函数，并将结果赋给 sum 变量
console.log(sum); // 输出 15

　　

  1. 函数作用域： 函数内部声明的变量具有函数作用域，即只能在函数内部访问。函数外部无法访问函数内的变量。
function myFunction() {
  let x = 10; // 函数作用域内的变量
  console.log(x); // 输出 10
}

console.log(x); // 错误：无法访问函数内的变量 x

　　

  1. 匿名函数： 可以创建没有函数名的匿名函数。这些函数可以通过将其赋值给一个变量或直接传递给其他函数来使用。
let square = function (num) {
  return num * num;
};

let result = square(5);
console.log(result); // 输出 25

　　

  1. 函数表达式和箭头函数： ES6引入了箭头函数的概念，它提供了更简洁的语法来定义函数。
// 函数表达式
let greet = function (name) {
  console.log("Hello, " + name + "!");
};

// 箭头函数
let greet = (name) => {
  console.log("Hello, " + name + "!");
};

　　

  1. 递归函数： 函数可以调用自身来解决复杂的问题。这种技术称为递归。
function factorial(n) {
  if (n === 0) {
    return 1;
  }
  return n * factorial(n - 1);
}

let result = factorial(5); // 计算 5 的阶乘
console.log(result); // 输出 120