JS 04 - 变数类型

大家好！

昨天我们介绍了资料的传递方式，今天就来理解变数的宣告方式吧！
我们进入今天的主题吧！

变数

JavaScript 有 var、const 和 let 3 种宣告方式，明天我们会再详细介绍。
今天先来理解全域变数和区域变数的差异吧！

全域变数

• 宣告
  1. 於全域作用域使用 var 和 let 宣告全域变数
  2. 於任何作用域定义 window 的属性
• 呼叫
  1. 变数於任何作用域都能被呼叫
  2. 最低的呼叫顺序

var a = [];
let b = [];

a; // []
b; // []
window.a; // []
window.b; // undefined
a === window.a; // true

a 会全等於 window.a 是因为使用 var 的宣告方式。

区域变数

• 宣告
  1. 於区域作用域（函式）使用 var 宣告区域变数
  2. 於区块作用域（区块表示式）使用 let 宣告区块区域变数
• 呼叫
  1. 变数只能於当前作用域被呼叫
  2. 呼叫顺序优先於全域变数

var c = Infinity;
var fn = function (bool) {
    var c = 0;
    let d = 0;
    if (!bool) {
        var c = 1;
        let d = 1;
    }
    return [c, d];
};

/* 只能呼叫全域变数 */
c; // Infinity

/* 没有定义全域变数 */
d; // Uncaught ReferenceError: d is not defined

/* 优先呼叫区域变数 */
fn(true); // [0, 0]

/* c = 1` 覆盖 c = 0
   d = 1` 只在作用域内覆盖 d = 0（区块外不影响） */
fn(false); // [1, 0]

如果作用域没有宣告区域变数，就会向外呼叫外层作用域的区域变数，都没有才会呼叫全域变数。

上方没有提到 const 是因为，const 宣告的是区块区域常数。
尽管 const 和 let 都有相同的特性，但是 const 更为严谨，不仅宣告时必须赋值，宣告後也不能再更改。

差不多也到尾声了。
如果对文章有任何疑问，欢迎於下方提问和建议！
我是 Felix，我们明天再见！