JavaScript Day02 - 变数(1)

变数(variable)

Day04 - 变数(01)：主要介绍变数的基本定义以及 var 的用法

常见的资料型别

• 字串(string)
• 数字(number)
• 布林(boolean)
• undefined：宣告变数却无赋予值

let name = "铁人赛"; // 字串
let year = 2021;    // 数字
let ironman = true; // 布林

typeof name; // 'string'
typeof year; // 'number'
typeof ironman; // 'boolean'

let def;
typeof def; // 'undefined'

typeof：在不知道现在的变数内容变成哪种型别时，可以使用 typeof 来检查

ES6：let、const

变数目前主要会使用 let、const，用法如上面说明型别的例子，差异我理解如下

• 作用域(scope)不同：let、const 是区块作用域(block scope)，作用范围在 {} 内，超过 {} 的范围就没作用了，var 是函式作用域(function scope)，而 var 可能会造成污染的部分就参考下面的参考资料了
• 可否重复宣告：let、const 不可以重复宣告，var 可以，所以可能会造成後面影响前面的问题
• 可否修改值：let、var 则可以修改值，或是一开始不定义值(undefined)，const 宣告时必须有值，并且不可修改，因此如定义是一个常数，若是 Object 时可以修改 Object 里面的值
• windows 内的属性：宣告全域变数时，let、const 不会出现在 windows 内，var 会

var a = "test_a";
let b = "test_b";

console.log(window.a); // "test_a"
console.log(window.b); // undefined

初学可能会眼花撩乱，我个人使用上会是如下所述，var 就尽量不使用了

• let：会变动的，如长度、数量、可能每次都不同的参数
• const：固定的，如网址、API、不希望被改动的参数

参考资料

MDN：let
MDN：const
MDN：var

JavaScript ES6 Block Scope - let, const
铁人赛：ES6 开始的新生活 let, const
[JS学徒特训班] JavaScript ES6 : var, let, const 差异
JavaScript基本功修练：Day5 - 宣告变数 - let、const、var
在 JavaScript 中，Var、Let、Const 的差异？
Day 05: ES6篇 - let与const
JavaScript: var, let, const 差异
(网路上资料真的很多，就请大家参考自行参考)

次回

再稍微说明一下变数的应用