初学JavaScript之老大哥function

在JavaScript中，function 是用来定义和声明函数的关键字。函数是一段可重复使用的代码块，可以接收输入参数并返回值。以下是关于如何定义和使用函数的基本语法和一些示例：

定义函数

使用 function 关键字加上函数名来定义函数，如下所示：

function functionName(parameters) {
  // 函数体（函数的具体实现）
  // 可以执行一些操作，最终返回一个值（如果有必要的话）
}

• functionName 是函数的名称，可以是任何有效的标识符。
• parameters 是函数接收的参数列表，多个参数用逗号分隔。

示例：定义一个简单的函数

function greet(name) {
  return `Hello, ${name}!`;
}

const greeting = greet('Alice');
console.log(greeting); // 输出 "Hello, Alice!"
 

在这个示例中，greet 函数接收一个参数 name，然后返回一个包含问候信息的字符串。

函数表达式

除了用 function 关键字定义函数外，还可以使用函数表达式来创建匿名函数或具名函数。函数表达式可以赋值给变量，也可以作为其他函数的参数传递。

匿名函数表达式

const greet = function(name) {
  return `Hello, ${name}!`;
};

console.log(greet('Bob')); // 输出 "Hello, Bob!"

具名函数表达式

const greet = function greetFunction(name) {
  return `Hello, ${name}!`;
};

console.log(greet('Charlie')); // 输出 "Hello, Charlie!"

函数参数和返回值

函数可以接受零个或多个参数，并且可以选择性地返回一个值。

接收多个参数的函数

function add(a, b) {
  return a + b;
}

console.log(add(3, 5)); // 输出 8

没有返回值的函数

function sayHello(name) {
  console.log(`Hello, ${name}!`);
}

sayHello('David'); // 输出 "Hello, David!"

返回多个值的函数

虽然 JavaScript 中函数只能返回一个值，但可以通过返回一个包含多个值的数组或对象来实现返回多个值的效果。

function calculate(a, b) {
  const sum = a + b;
  const difference = a - b;
  return { sum, difference };
}

const results = calculate(10, 5);
console.log(results.sum); // 输出 15
console.log(results.difference); // 输出 5

函数作用域

在 JavaScript 中，函数具有自己的作用域。这意味着在函数内部声明的变量只在函数内部可见（局部变量），而在函数外部声明的变量可以是全局变量，可在代码中的任何地方访问。

let globalVar = 'I am global';

function myFunction() {
  let localVar = 'I am local';
  console.log(globalVar); // 可以访问全局变量
  console.log(localVar); // 可以访问局部变量
}

myFunction();
console.log(globalVar); // 输出 "I am global"
console.log(localVar); // 会抛出 ReferenceError，因为 localVar 是局部变量

注意事项

• 函数声明提升：在 JavaScript 中，函数声明会被提升到作用域的顶部，所以可以在函数声明之前调用函数。
• 箭头函数：ES6 引入了箭头函数，提供了更简洁的语法来定义函数，尤其适合用于匿名函数和简短的函数体。

函数在 JavaScript 中是非常基础和重要的概念，通过定义函数，可以将代码模块化、重用和组织得更加清晰和有效