深入了解JS作用域

var globalVariable = "I am a global variable";
 
function globalFunction() {
  console.log(globalVariable);
}
 
globalFunction(); // 输出"I am a global variable"

function localFunction() {
  var localVariable = "I am a local variable";
  console.log(localVariable);
}
 
localFunction(); // 输出"I am a local variable"
console.log(localVariable); // 报错，localVariable未定义

if (true) {
  var x = 10; // var声明的变量为函数作用域，会污染外部作用域
  let y = 20; // let声明的变量为块级作用域
  const z = 30; // const声明的变量也为块级作用域
}
console.log(x); // 输出10
console.log(y); // 报错，y未定义
console.log(z); // 报错，z未定义

var outside = "I am outside";
 
function lexicalScope() {
  var inside = "I am inside";
  console.log(outside); // 可以访问函数外部的变量
  console.log(inside); // 可以访问函数内部的变量
}
 
lexicalScope();