JavaScript 函数和范围 - Javascript 初学者指南（第 4 部分）

JavaScript 函数和作用域：有趣且简单的指南
JavaScript 是一种流行的编程语言，广泛用于 Web 开发。JavaScript 中最重要的概念之一是函数和作用域。在这篇文章中，我们将探讨什么是函数、为什么它们很重要、如何定义和调用它们、如何使用参数以及如何理解作用域。我们还将提供一些奖励材料来帮助您提高 JavaScript 技能。

什么是函数？
函数是执行特定任务的代码块。它是一个独立的代码单元，可以重复使用。函数可以接受输入、调用参数并返回输出。函数在编程中是必不可少的，因为它们允许您将复杂的问题分解为更小、更易于管理的任务。

为什么功能仍然存在？
函数很重要，因为它们使您的代码更加模块化并且更易于维护。通过将代码分解为更小的函数，可以使其更具可读性和更易于理解。函数还允许您重用代码，从长远来看可以节省您的时间和精力。

定义和调用函数
要在 JavaScript 中定义一个函数，您可以使用function关键字，后跟函数名称和一组括号。在括号内，您可以列出函数将采用的任何参数。最后，添加一组花括号，将构成函数的代码括起来。

这是一个不带参数并返回字符串的简单函数的示例：
function sayHello() {
return “Hello, world!”;
}
要调用一个函数，您只需写下它的名称，后跟一组括号。如果函数接受参数，则将它们传递到括号内。下面是调用该函数的示例sayHello：
console.log(sayHello()); // Output: “Hello, world!”
参数
函数可以采用参数，这些参数是调用函数时传递给函数的输入。定义函数时，参数列在括号内。您可以拥有任意数量的参数，以逗号分隔。

下面是一个函数的例子，它接受两个参数并返回它们的和：
function addNumbers(num1, num2) {
return num1 + num2;
}
要调用此函数，您需要传入两个数字作为参数：
console.log(addNumbers(2, 3)); // Output: 5
范围
范围是在代码的特定部分中可访问的一组变量、函数和对象。在 JavaScript 中，有两种作用域：全局作用域和局部作用域。

全局范围是指在整个代码中都可以访问的变量和函数。这些变量和函数在任何函数或代码块之外声明。

局部作用域是指只能在特定函数或代码块内访问的变量和函数。这些变量和函数在函数或代码块内声明。

这是在全局范围内声明的变量的示例：
var globalVariable = “I am a global variable”;

function printGlobalVariable() {
console.log(globalVariable);
}

printGlobalVariable(); // Output: “I am a global variable”
这是在局部范围内声明的变量的示例：
function printLocalVariable() {
var localVariable = “I am a local variable”;
console.log(localVariable);
}

printLocalVariable(); // Output: “I am a local variable”
console.log(localVariable); // Output: Uncaught ReferenceError: localVariable is not defined
奖金材料
以下是一些额外的提示和技巧，可帮助您掌握 JavaScript 函数和作用域：

函数可以赋给变量，就像任何其他值一样。这称为函数表达式。这是一个例子：
var sayGoodbye = function() {
return “Goodbye!”;
}

console.log(sayGoodbye()); // Output: “Goodbye!”
函数也可以作为参数传递给其他函数。这称为回调函数。这是一个例子：
function doSomething(callback) {
console.log(“Doing something…”);
callback();
}

function sayHi() {
console.log(“Hi!”);
}

doSomething(sayHi); // Output: “Doing something…” “Hi!”
您可以使用let和const关键字在局部范围内声明变量。这些变量具有块范围，这意味着它们只能在声明它们的代码块内访问。这是一个例子：
function printBlockVariable() {
if (true) {
let blockVariable = “I am a block variable”;
console.log(blockVariable);
}
console.log(blockVariable); // Output: Uncaught ReferenceError: blockVariable is not defined
}

printBlockVariable(); // Output: “I am a block variable”
总之，函数和范围是 JavaScript 中的基本概念，如果你想成为一名熟练的 Web 开发人员，你需要掌握这些概念。通过将代码分解为更小、更易于管理的函数，您可以使代码更加模块化并且更易于维护。通过了解范围，您可以避免常见错误并编写更高效的代码。我们希望本指南能帮助您更好地理解这些概念，并启发您继续学习和探索 JavaScript 的精彩世界。