ES6變量聲明方式

變量聲明var,let,const的區別。

   在es5中,聲明變量都用var,es6多了兩個聲明方式。var聲明的是全局變量,無論在哪裏都能得到var聲明的值。可以通過下面的代碼可以看出。

我的環境是我的上一篇博客的環境,小夥伴們可以對照着看一看。

1.我們先來說var的聲明作用域,我在我的index.js裏輸入這樣的代碼。

2然後打開命令行工具,進入根目錄,輸入npm run build,然後打開html文件,成功輸出blog,說明var是全局聲明。

3如果看不出來,再來一個例子,然後npm run build打包,打開html頁面,頁面打印出了“我的博客”,如下圖,說明var是全局聲明。

4.我們在來說let的聲明作用域,index.js裏修改爲這樣的代碼,第一個頁面輸出“飛翔的代碼code”,第二個輸出undefinded,充分說明let是局部作用域。

5.我們在來說const的聲明作用域,const聲明的是常量,是不會改變的,改變就會報錯,index.js裏修改爲這樣的代碼,如下,當我們輸入npm run build後,打包報錯。使用let,const有效的防止變量污染,日常的開發能使用let儘量使用let。

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章