Js基礎(chǔ)——變量聲明 var let const

djfml 發(fā)布于2019-08-22 16:21 / 446人閱讀

摘要：而聲明一個(gè)變量，如果沒有明顯的賦值操作，那么默認(rèn)為賦值中有三種變量聲明的方式，和。而這后兩種聲明方式，是在里才出現(xiàn)的。函數(shù)的參數(shù)不要用聲明，嘛，就用來聲明常量，或是不改變初值的變量參考資料和命令深入淺出和

Js的變量特點(diǎn)是松散型，就是說值跟類型是沒有關(guān)系的，變量只是一個(gè)存值的占位符，不會(huì)根據(jù)初始化存入的值類型，給變量設(shè)置特定的類型，所以變量在初始化后，可以在改變值的同時(shí)改變值類型。而聲明一個(gè)變量，如果沒有明顯的賦值操作，那么默認(rèn)為賦值undefined
Js中有三種變量聲明的方式：var ，let和const。而這后兩種聲明方式，是在es6里才出現(xiàn)的。他們可以說是彌補(bǔ)var在變量聲明的遺憾，解決了在使用過程中出現(xiàn)的一些問題

var聲明
var的特點(diǎn)如下：

作用域范圍為封閉的全局函數(shù)或是局部函數(shù)

同一個(gè)作用域里重復(fù)聲明同名變量，不會(huì)報(bào)錯(cuò)

在嵌套的子函數(shù)里，重新聲明外層函數(shù)中同名的變量，不會(huì)改變外層函數(shù)中變量的值

變量可以提升到全局代碼或是函數(shù)頂端執(zhí)行，所以打印變量值可以在書寫聲明變量之前執(zhí)行，也不會(huì)報(bào)錯(cuò)，而賦值只有等到執(zhí)行到賦值那一句才會(huì)執(zhí)行

沒有聲明的變量，會(huì)被隱式創(chuàng)建為全局變量，即全局對(duì)象的屬性（獨(dú)有）
非聲明的變量，只有在賦值的時(shí)候才會(huì)被創(chuàng)建
非聲明的變量，因?yàn)槭侨謱?duì)象的屬性，所以可以用delete刪除

栗子?
這個(gè)例子說明非聲明的變量，變?yōu)槿謱?duì)象的屬性，可以delete刪除

let聲明
let聲明變量又稱更精確的var，主要應(yīng)用于塊作用域，也就是if for switch以及{}這樣的塊里，可以出現(xiàn)在它自己聲明所在的塊和它包含的子塊里。
它有這樣的特點(diǎn)：

在同一個(gè)塊作用域里，重新聲明一個(gè)同名變量，會(huì)報(bào)錯(cuò)

在嵌套中的子塊作用域里，重新聲明一個(gè)與外層塊作用域相同的同名變量，不會(huì)保留外層塊的變量值，因?yàn)閷儆诓煌淖兞孔饔糜?/p>

沒有提升作用，所以在變量聲明之前使用會(huì)報(bào)錯(cuò)，這一個(gè)現(xiàn)象，也稱為：暫存死區(qū)

不能作用全局對(duì)象的屬性

應(yīng)用：因?yàn)榭梢允菈K作用域，所以let的出現(xiàn)，可以代替立即執(zhí)行函數(shù)
栗子?
這個(gè)例子說明，var可以提升變量聲明，但是let不可以
這個(gè)例子說明，同名的變量子塊中的變量跟外層塊中的變量，是不同的兩個(gè)變量

這個(gè)例子說明，即便是有全局變量，但是在塊的作用域里，有l(wèi)et聲明的同名作用域起作用，而且在聲明之前不可用
這個(gè)例子說明，不能用let聲明跟參數(shù)同名的變量
這個(gè)例子說明，let的使用，替換了立即執(zhí)行函數(shù)

const聲明
const也有l(wèi)et的特點(diǎn)3和4，也是一個(gè)塊作用域的變量聲明方式，除此以外還有自己的特點(diǎn)

必須在聲明的同時(shí)賦值初始值

一旦賦值就不能改變，而且聲明的變量通常是常量，用大寫表示

也是因?yàn)?的原因，所以不能作為for循環(huán)的循環(huán)變量

栗子?
這個(gè)例子說明const不能作為for循環(huán)的變量
這個(gè)例子說明const聲明的變量賦值后不能改，只是同名變量不能再賦值，但是可以給變量的屬性賦值

最后來個(gè)小總結(jié)：
var嘛，能用let的時(shí)候就不用var，比如用let的很好的場景：for的循環(huán)變量，可以保證每一次循環(huán)都是一個(gè)新變量，而不是用var時(shí)候的同一個(gè)變量，if或是switch里面，但是注意一種情況就是let x ＝ x ＋ 1這個(gè)時(shí)候是會(huì)報(bào)錯(cuò)的，因?yàn)橐彩欠噶宋绰暶骶褪褂玫腻e(cuò)，賦值操作是從右到左的，也就是說會(huì)先計(jì)算好右邊的值，才會(huì)把最終結(jié)果賦值給左邊。函數(shù)的參數(shù)不要用let聲明，
const嘛，就用來聲明常量，或是不改變初值的變量

參考資料：https://developer.mozilla.org...
https://developer.mozilla.org...
https://developer.mozilla.org...
http://voidcanvas.com/es6-var...
let 和 const 命令
Let It Be - How to declare JavaScript variables
深入淺出ES6:let和const