let和var,const的區(qū)別與使用

1.javascript的標(biāo)識(shí)符

標(biāo)識(shí)符,就是變量,函數(shù),屬性或函數(shù)參數(shù)的名稱。
標(biāo)識(shí)符可以有一或多個(gè)下列字符組成:

  • 第一個(gè)字符必須是一個(gè)字母必須是一個(gè)字母,下劃線(_)或美元符號(hào)($);
  • 剩下的其他字符可以是字母,下劃線,美元符號(hào)或數(shù)字;

推薦使用駝峰命名法,這種形式跟ECMAScript內(nèi)置函數(shù)和對象的命名方式一致。

2.var

聲明范圍是函數(shù)作用域,在全局作用域聲明時(shí)會(huì)成為全局對象(windows)的屬性,存在聲明提升,即把所有變量聲明拉到函數(shù)作用域的頂部,反復(fù)使用var聲明同一個(gè)變量也沒問題。

function test(){
    var message = "hi"; //函數(shù)作用域,局部變量
}
test()
console.log(message);//出錯(cuò)!
function test(){
   message = "hi"; //去掉var,message變?yōu)槿肿兞?}
test()
console.log(message);//"hi"
//發(fā)生變量提升
function foo(){
    console.log(age);
    var age = 26;
}
foo(); //undefined  等價(jià)于以下注釋代碼

// function foo(){
//     var age;
//     console.log(age);
//     var age = 26;
// }
// foo(); 

3.let

聲明范圍是塊作用域,同一塊作用域不允許重復(fù)聲明,在全局作用域聲明時(shí)會(huì)不會(huì)成為全局對象(windows)的屬性,存在暫時(shí)性死區(qū),不能聲明提升,不能依賴條件聲明模式(if-else,try-catch存在塊作用域):

//不能聲明提升,暫時(shí)性死區(qū)
console.log(name);   // ReferenceError: name沒有定義
let name = "zy"; 
//不能重復(fù)聲明
let name; 
let name; //SyntaxError:name早已聲明

4.const

行為與let基本一致,聲明初始化一定賦值,否則會(huì)報(bào)錯(cuò),const的值無法修改,不過const聲明的限制只適用于它指向的變量的引用,如果const變量引用的是一個(gè)對象,那么修改對象內(nèi)部的屬性并不違反const的限制。

const x; //SyntaxError: Missing initializer in const declaration
const x = 9;
x = 0 ;  //TypeError: Assignment to constant variable.
const person = {};
person.name = 'zy'; //ok

5.聲明風(fēng)格與最佳實(shí)踐

  • 不使用var
  • const優(yōu)先,let次之
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容