Written by 在 JavaScript 中，函数是一种可重复使用的代码块，用于执行特定的任务或计算，并且可以接受参数并返回值。函数可以通过函数声明、函数表达式或箭头函数来定义。下面是三种定义函数的方式：
1. 函数声明（Function Declaration）：
function functionName(parameter1, parameter2, ...) {
// 函数体，包含了一系列的语句
return result; // 可选的返回值
}
示例：
function greet(name) {
return "Hello, " + name + "!";
}
var message = greet("John");
console.log(message); // 输出：Hello, John!
2. 函数表达式（Function Expression）：
var functionName = function(parameter1, parameter2, ...) {
// 函数体，包含了一系列的语句
return result; // 可选的返回值
};
示例：
var greet = function(name) {
return "Hello, " + name + "!";
};
var message = greet("John");
console.log(message); // 输出：Hello, John!
3. 箭头函数（Arrow Function）：
var functionName = (parameter1, parameter2, ...) => {
// 函数体，包含了一系列的语句
return result; // 可选的返回值
};
示例：
var greet = name => {
return "Hello, " + name + "!";
};
var message = greet("John");
console.log(message); // 输出：Hello, John!
在上述示例中，greet 是函数的名称，name 是参数，函数体内的代码执行完成后，返回包含问候语的字符串。在函数表达式和箭头函数中，函数可以赋值给变量，因此可以在后面的代码中直接通过变量名调用函数。
定义函数
在 JavaScript 中，可以使用函数声明、函数表达式和箭头函数来定义函数。下面分别介绍这三种方式：
1. 函数声明（Function Declaration）：
使用 function 关键字声明函数，语法如下：
function functionName(parameter1, parameter2, ...) {
// 函数体，包含了一系列的语句
return result; // 可选的返回值
}
示例：
function greet(name) {
return "Hello, " + name + "!";
}
2. 函数表达式（Function Expression）：
将函数赋值给一个变量，语法如下：
var functionName = function(parameter1, parameter2, ...) {
// 函数体，包含了一系列的语句
return result; // 可选的返回值
};
示例：
var greet = function(name) {
return "Hello, " + name + "!";
};
3. 箭头函数（Arrow Function）：
使用箭头函数语法来定义函数，语法如下：
var functionName = (parameter1, parameter2, ...) => {
// 函数体，包含了一系列的语句
return result; // 可选的返回值
};
示例：
var greet = name => {
return "Hello, " + name + "!";
};
这三种方式都可以用来定义函数，它们的主要区别在于语法和行为。函数声明和函数表达式可以有名字，而箭头函数通常是匿名的。箭头函数通常更简洁，并且不绑定自己的 this 值。根据具体的使用场景和个人偏好，选择合适的方式来定义函数。
函数调用
在 JavaScript 中，要调用（执行）一个函数，需要使用函数的名称后面跟着一对括号 ()。如果函数带有参数，可以在括号内传入参数的值。调用函数时，将执行函数体内的代码，并且根据需要返回一个值。
下面是调用函数的示例：
// 定义一个函数
function greet() {
console.log("Hello, World!");
}
// 调用函数
greet(); // 输出：Hello, World!
在这个示例中，greet() 是对函数 greet 的调用。函数被调用时，其中的代码将会执行，并输出 "Hello, World!"。
如果函数带有参数，可以在调用函数时传入参数的值。示例如下：
// 定义一个带参数的函数
function greet(name) {
console.log("Hello, " + name + "!");
}
// 调用函数并传入参数值
greet("John"); // 输出：Hello, John!
在这个示例中，greet("John") 是对函数 greet 的调用，并传入参数值 "John"。函数执行时，参数 "John" 的值将被传入函数体内，并输出 "Hello, John!"。
需要注意的是，函数调用时，参数的数量和类型应该与函数声明中的参数列表相匹配，否则可能导致错误。
在 JavaScript 中，函数的参数是在函数声明或函数表达式中定义的变量，用于接收调用函数时传递的值。当函数被调用时，传递给函数的值被赋予这些参数，并且可以在函数内部使用。函数可以定义零个或多个参数。
定义函数参数
函数参数是在函数声明或函数表达式的括号内指定的，它们用逗号分隔。例如：
function functionName(parameter1, parameter2, ...) {
// 函数体
}
在上面的语法中，parameter1、parameter2 等是函数的参数，它们用来接收调用函数时传递的值。
调用函数并传递参数值
调用函数时，需要在函数名后面的括号内提供参数值。例如：
functionName(value1, value2, ...);
在上面的语法中，value1、value2 等是传递给函数的实际值，它们将分别赋值给函数定义中对应的参数。
示例
下面是一个简单的函数示例，其中定义了一个带有两个参数的函数 addNumbers，用于计算两个数的和：
function addNumbers(num1, num2) {
return num1 + num2;
}
var result = addNumbers(5, 3); // 调用函数并传递参数值
console.log(result); // 输出：8
在这个示例中，函数 addNumbers 接受两个参数 num1 和 num2，在函数体内将这两个参数相加并返回结果。然后调用函数 addNumbers(5, 3) 时，传递了参数值 5 和 3，函数执行后返回值 8 被赋予变量 result，并输出到控制台。
函数参数
在 JavaScript 中，函数参数是函数定义中列出的变量，用于接收调用函数时传递的值。函数可以接受零个或多个参数，这些参数将在函数内部被使用。
定义函数参数
在函数定义中，通过在括号内列出参数的名称来定义函数参数。例如：
function functionName(parameter1, parameter2, ...) {
// 函数体
}
在上面的语法中，parameter1、parameter2 等是函数的参数，它们将在函数体内部被使用。
传递参数值
调用函数时，需要在函数名后的括号内提供参数值。这些参数值将传递给函数的参数，按照顺序依次对应。例如：
functionName(value1, value2, ...);
在上面的语法中，value1、value2 等是传递给函数的实际值，它们将按照顺序对应到函数定义中的参数。
示例
下面是一个简单的函数示例，其中定义了一个带有两个参数的函数 addNumbers，用于计算两个数的和：
function addNumbers(num1, num2) {
return num1 + num2;
}
var result = addNumbers(5, 3); // 调用函数并传递参数值
console.log(result); // 输出：8
在这个示例中，函数 addNumbers 接受两个参数 num1 和 num2，在函数体内将这两个参数相加并返回结果。然后调用函数 addNumbers(5, 3) 时，传递了参数值 5 和 3，函数执行后返回值 8 被赋予变量 result，并输出到控制台。
返回值
在 JavaScript 中，函数可以返回一个值。返回值是函数执行后产生的结果，可以是任何 JavaScript 数据类型，包括数字、字符串、布尔值、对象、数组等。
要指定函数的返回值，可以使用 return 语句。return 语句告诉 JavaScript 解释器立即停止函数执行，并将指定的值返回给函数的调用者。
以下是一个简单的示例，演示了一个函数如何返回一个值：
function multiply(a, b) {
return a * b;
}
var result = multiply(5, 3); // 调用函数并将返回值赋给变量 result
console.log(result); // 输出：15
在这个示例中，multiply 函数接受两个参数 a 和 b，并返回它们的乘积。在函数体内部，return a * b; 语句指定了函数的返回值。在调用 multiply(5, 3) 时，函数执行后返回值 15 被赋给变量 result，并输出到控制台。
需要注意的是，return 语句可以出现在函数的任何位置，但一旦执行到 return 语句，函数将立即停止执行，并将指定的值返回给调用者。如果函数没有指定 return 语句，或者 return 后没有值，函数将返回 undefined。
()运算符调用函数
在 JavaScript 中，函数可以通过添加一对括号 () 来调用。这表示要执行该函数并返回其结果。
例如，假设我们有一个名为 greet 的函数：
function greet() {
return "Hello!";
}
我们可以使用 () 运算符调用该函数：
var greeting = greet();
console.log(greeting); // 输出：Hello!
在这个示例中，greet() 是对函数 greet 的调用，() 表示执行函数并返回其结果。由于 greet 函数返回字符串 "Hello!"，所以 greeting 变量被赋值为 "Hello!"，并被输出到控制台。
如果函数不需要任何参数，也必须使用 () 运算符来调用它。
需要注意的是，即使函数不需要参数，也必须使用括号来调用它，否则它将被视为对函数的引用，而不是对函数的调用。
函数表达式
函数表达式是一种将函数赋值给变量的方式，这样就可以通过该变量来调用函数。在 JavaScript 中，函数表达式可以包含在函数体内、作为回调函数、或者作为立即执行函数等场景中使用。
基本语法：
var functionName = function(parameters) {
// 函数体
};
在这个语法中：
functionName是变量名，用于存储函数。parameters是函数的参数列表，可以为空。- 函数体包含了一系列的语句，描述了函数要执行的任务。
示例：
var greet = function(name) {
return "Hello, " + name + "!";
};
console.log(greet("John")); // 输出：Hello, John!
在这个示例中，greet 是一个变量，存储了一个匿名函数，它接受一个参数 name，并返回一个包含问候语的字符串。通过 greet("John") 调用这个函数，传递参数值 "John" 给 name，并输出了结果。
函数表达式还可以作为其他函数的参数，例如作为回调函数传递给其他函数，或者作为立即执行函数（IIFE）使用。
函数作用范围+
在 JavaScript 中，函数作用域指的是函数中声明的变量的可访问范围。JavaScript 采用词法作用域（也称为静态作用域），即函数的作用域在函数定义时就已经确定，而不是在函数调用时确定。
全局作用域（Global Scope）：
全局作用域是指在所有函数外部声明的变量，可以在整个 JavaScript 程序中访问。全局作用域中声明的变量称为全局变量，它们对整个程序都是可见的。
var globalVar = "I'm a global variable";
function exampleFunction() {
console.log(globalVar); // 可以访问全局变量 globalVar
}
exampleFunction(); // 输出：I'm a global variable
函数作用域（Function Scope）：
函数作用域是指在函数内部声明的变量，只能在函数内部访问。函数内部的变量对函数外部是不可见的。
function exampleFunction() {
var localVar = "I'm a local variable";
console.log(localVar); // 可以访问局部变量 localVar
}
exampleFunction(); // 输出：I'm a local variable
console.log(localVar); // 报错：localVar is not defined
块级作用域（Block Scope）：
ES6 引入了 let 和 const 关键字，可以用来声明块级作用域的变量，即在 {} 内部声明的变量，只在该块内部可见。
function exampleFunction() {
if (true) {
let blockVar = "I'm a block-scoped variable";
console.log(blockVar); // 可以访问块级作用域变量 blockVar
}
console.log(blockVar); // 报错：blockVar is not defined
}
exampleFunction(); // 输出：I'm a block-scoped variable
总结：
- 全局作用域中声明的变量对整个程序可见。
- 函数作用域中声明的变量只在函数内部可见。
- 块级作用域中声明的变量只在该块内部可见。