# 03 变量与作用域

变量是存储数据的地方。声明一个变量,相当于申请了一块内存地址,变量赋值就是将数据存储于这块内存之中。

# 变量

我们使用 var 关键词来声明变量:

var name = 'ruims'

# 从编译原理的角度理解变量声明

先看一个简单的声明语句:

var name = 'xiuyan'

在 JS 引擎眼里,它却包含了两个声明:

var name; //(编译时处理)
name = "xiuyan"; //(运行时处理)

此处的编译时处理和运行时处理,分别对应编译阶段和执行阶段,下面详细解释:

编译阶段

主角:编译器登场!

  • 查看当前作用域是否有 name变量
  • 如果有,忽略当前变量声明
  • 如果没有,在当前作用域里新增一个 name

执行阶段

主角:JS引擎登场!

  • 查看当前作用域是否有 name变量
  • 如果有,进行赋值
  • 如果没有,递归查找父作用域
  • 如果全局也没有,就在全局作用域创建该变量

这就是变量声明的逻辑。

# 作用域

作用域存储和访问变量的一套规则,一个区域。

变量声明是在一个作用域内,变量访问也是在一个作用域内。

作用域分为这几种:

# 1. 全局作用域

全局变量:声明在任何函数之外的顶层作用域的变量。全局变量拥有全局作用域

# 2. 函数作用域

在函数内部定义的变量,拥有函数作用域

function sayHello() {
  // hello 被定义成局部作用域变量
  var hello = 'hello everyone';
  console.log(hello);
}
console.log(hello); // 抛出错误:hello 在全局作用域未定义

# 3. 块级作用域

  • 必须用块写法
  • 必须是let或者const声明
{
  let a = 1;
  console(a);
}

# 4. 模块作用域

模块作用域是 CommonJS 中的作用域规则。在 nodejs 中,任何独立的脚本文件中声明的变量都相互独立,互不污染

更新时间:: 10/27/2021, 9:34:24 AM