JS变量及其作用域

在 JavaScript 中，变量是存储值的容器。变量使用前必须先声明。声明变量通常使用 var、let 或 const 关键字。

变量作用域

JavaScript 中的变量分为全局变量和局部变量。全局变量可在代码中任何地方访问，而局部变量只能在它们声明的函数内部访问。

全局作用域

在全局作用域中声明的变量可以在代码的任何地方访问：

var globalVar = "I am a global variable";

function myFunction() {
  console.log(globalVar); // 输出: I am a global variable
}

myFunction();

局部作用域

在函数中声明的变量只能在该函数内部访问。这就是所谓的“局部作用域”。

function myFunction() {
  var localVar = "I am a local variable";
  console.log(localVar); // 输出: I am a local variable
}

myFunction();

console.log(localVar); // 报错: "Uncaught ReferenceError: localVar is not defined"

如果在函数内不使用 var、let 或 const 关键字来声明变量，则该变量将自动成为全局变量。

function myFunction() {
  localVar = "I am a global variable";
}

myFunction();

console.log(localVar); // 输出: I am a global variable

块级作用域

ES6 引入了块级作用域，使得在代码块中声明的变量仅在该代码块内部可见。

if (true) {
  let blockVar = "I am a block-level variable";
}

console.log(blockVar); // 报错: "Uncaught ReferenceError: blockVar is not defined"

变量提升

变量提升是 JavaScript 中一个常见的问题。如果在变量使用之前没有声明，JavaScript 引擎会自动将该变量声明为全局变量，并且其值为 undefined。

console.log(myVar); // 输出: undefined

var myVar = "I am a hoisted variable";

为避免这种问题，建议在使用变量之前先进行声明。

总结

JavaScript 中的变量作用域可以分为全局作用域和局部作用域。ES6 引入了块级作用域，使得在代码块中声明的变量仅在该代码块内部可见。同时，要避免变量提升问题，应该在使用变量之前先进行声明。

希望本篇文章能够帮助读者更好地理解 JavaScript 中变量的作用域及相关问题。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/4168