深入淺出ES6之let和const命令
let和const聲明的變量只在代碼塊內(nèi)有效
{ let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1
不存在變量提升
變量一定要在聲明后使用,否則報錯
var tmp = 123; if (true) { tmp = 'abc'; // ReferenceError let tmp; }
不允許重復聲明
// 報錯 function () { let a = 10; var a = 1; }
塊級作用域
function f() { console.log('I am outside!'); } (function () { if(false) { // 重復聲明一次函數(shù)f function f() { console.log('I am inside!'); } } f(); }()); //I am inside! ES5 函數(shù)提升 //I am outside! ES6 塊級作用域
const命令
聲明一個只讀的常量,一旦聲明,常量的值就不能改變
一旦聲明變量,就必須立即初始化,不能留到以后賦值
let命令、const命令、class命令聲明的全局變量,不屬于全局對象的屬性
var a = 1; // 如果在Node的REPL環(huán)境,可以寫成global.a // 或者采用通用方法,寫成this.a window.a // 1 let b = 1; window.b // undefined
下面再單獨給大家介紹ES6之const命令
一直以來以ecma為核心的js始終沒有常量的概念,es6則彌補了這一個缺陷;
const foo='foo'; foo='bar';//TypeError: Assignment to constant variable.
上例聲明了一個基本類型的常量,如過試圖修改初始值則會報錯;如果是引用類型的值同樣適用,但是有一點需要注意,舉例說明:
const foo=[]; foo=[1];//Assignment to constant variable.
正常報錯,沒毛病,再看:
const foo=[1,2,3]; foo[1]=4; console.log(foo)//[1, 4, 3]
這怎么沒報錯?而且還能修改成功? 這兩個例子不一樣的地方在于前者是修改了指針(需熟悉js 引用類型)對應的內(nèi)容改變了,后者則不是指向依然沒變 但是指向?qū)ο蟮膬?nèi)容發(fā)生改變了,對于foo而言我只是一個指針負責指向?qū)膶ο?至于對象內(nèi)容是什么就不管我的事了所以可以修改;如果不想讓內(nèi)容也改變也行使用另一個方法;
const foo=Object.freeze([1,2,3]); foo[1]=4; console.log(foo)//[1, 2, 3]
這樣就不用擔心被修改了;
相關(guān)文章
web開發(fā)js字符串拼接占位符及conlose對象Api詳解
本篇文章主要為大家介紹了web開發(fā)中字符串的拼接,占位符的使用以及conlose對象Api的使用,有需要的朋友可以借鑒參考下,希望可以有所幫助2021-09-09js window.print實現(xiàn)打印特定控件或內(nèi)容
window.print可以打印網(wǎng)頁,但有時候我們只希望打印特定控件或內(nèi)容,怎么辦呢?可以把要打印的內(nèi)容放在div中,然后用下面的代碼進行打印,希望對大家有所幫助2013-09-09JavaScript實現(xiàn)同步于本地時間的動態(tài)時間顯示方法
這篇文章主要介紹了JavaScript實現(xiàn)同步于本地時間的動態(tài)時間顯示方法,實例分析了javascript獲取本地時間及動態(tài)顯示的技巧,并對實現(xiàn)代碼進行了較為詳盡的分析說明,需要的朋友可以參考下2015-02-02Bootstrap Tree View簡單而優(yōu)雅的樹結(jié)構(gòu)組件實例解析
本文通過實例代碼給大家介紹了Bootstrap Tree View簡單而優(yōu)雅的樹結(jié)構(gòu)組件,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-06-06javascript生成json數(shù)據(jù)簡單示例分享
這篇文章主要介紹了javascript生成json數(shù)據(jù)示例,需要的朋友可以參考下2014-02-02JavaScript繼承基礎(chǔ)講解(原型鏈、借用構(gòu)造函數(shù)、混合模式、原型式繼承、寄生式繼承、寄生組合式繼承)
這篇文章主要介紹了JavaScript繼承基礎(chǔ)講解,原型鏈、借用構(gòu)造函數(shù)、混合模式、原型式繼承、寄生式繼承、寄生組合式繼承,需要的朋友可以參考下2014-08-08