JavaScript 中变量的秘密，你真的了解吗？

2024-01-22 20:50:17

在编程中，变量是存储值的容器。变量的“范围”决定了它在整个程序中何时可用和不可用。理解 JavaScript 中的变量作用域是在语言中打下坚实基础的关键之一。

变量的定义

变量在 JavaScript 中是通过使用 var、let 或 const 声明的，后跟变量名称和赋值运算符 (=)。例如：

var myName = "John Doe";
let age = 30;
const PI = 3.14;

变量的作用域

变量的作用域是指变量可以在程序中哪些部分被访问。在 JavaScript 中，变量可以具有两种作用域：全局变量和局部变量。

全局变量 ：在函数外部声明的变量，在整个程序中都可以访问。
局部变量 ：在函数内部声明的变量，仅在该函数及其嵌套函数中可以访问。

函数变量

在 JavaScript 中，函数也可以声明变量。这些变量称为函数变量，它们只在函数及其嵌套函数中可用。

function myFunction() {
  var x = 10;
}

console.log(x); // ReferenceError: x is not defined

在上面的示例中，变量 x 在函数 myFunction 中声明，因此它只在该函数中可用。当我们尝试在函数外部访问它时，会抛出一个 ReferenceError。

闭包

闭包是指可以访问其他函数作用域中变量的函数。换句话说，即使函数已经返回，闭包仍然可以访问该函数的作用域。

function outerFunction() {
  var x = 10;

  function innerFunction() {
    return x;
  }

  return innerFunction;
}

var innerFunc = outerFunction();

console.log(innerFunc()); // 10

在上面的示例中，函数 innerFunction 是一个闭包，因为它可以访问函数 outerFunction 的作用域中的变量 x。即使函数 outerFunction 已经返回，闭包 innerFunc 仍然可以访问变量 x。

this

在 JavaScript 中，this 关键字是指当前对象。它可以用于访问对象的属性和方法。

var person = {
  name: "John Doe",
  age: 30,
  greet: function() {
    console.log("Hello, my name is " + this.name);
  }
};

person.greet(); // Hello, my name is John Doe