Javascript中作用域的详细介绍

Javascript中的作用域是指变量的可见范围，也就是在代码中访问变量的能力。在Javascript中，有全局作用域和局部作用域之分。在全局作用域中声明的变量，可以被程序中的任何其他代码所访问，而在局部作用域中声明的变量，只能被函数内部代码所访问。

全局作用域

全局作用域是在所有函数的外部声明变量的作用域。在全局作用域中声明的变量，在代码中可以任何地方访问到。

示例：

var carName = "Volvo";

function myFunction() {
  console.log(carName); //可以在myFunction函数中访问全局变量carName
}

局部作用域

局部作用域是在函数内部声明变量的作用域。在局部作用域中声明的变量只能在该函数内部访问，不能在函数外部访问。

示例：

function myFunction() {
  var carName = "Volvo"; // 在函数内部声明的局部变量
  console.log(carName); // 可以在函数内部访问变量carName
}

console.log(carName); // 尝试在函数外部访问carName变量，会发现出现了ReferenceError错误

块级作用域

ES6标准引入了块级作用域的概念，在 let 和 const 声明的变量中就能够使用块级作用域。块级作用域是在花括号 {} 中声明变量的作用域。在块级作用域中声明的变量，只能在该块级作用域以及嵌套在该块级作用域的子块级作用域中访问。

示例：

{
  let x = 1; // 块级作用域中声明变量x
  console.log(x); // 可以在该块级作用域中访问x变量
}

console.log(x); // 尝试在该块级作用域外部访问x变量，会发现出现了ReferenceError错误

变量提升

Javascript中存在 Hoisting 概念，即变量和函数的声明会被提升到作用域的最前面。这意味着在声明变量或函数前可以使用它们，并不会引发ReferenceError错误。

示例：

console.log(y) // 只声明不赋值的变量，变量提升会把var y;语句提升到作用域的最前面
var y; 

myFunction(); // 只声明不定义的函数，函数提升会把function myFunction()语句提升到作用域最前面

function myFunction() {
  console.log("Hello World!");
}

以上就是关于Javascript中作用域的详细介绍。在编写Javascript代码时需要特别注意作用域的概念，以保证变量的可见范围正确。