深入淺出ES6之let和const命令
更新時間：2016年08月25日 15:49:08 投稿：mrr
這篇文章主要介紹了ES6中l(wèi)et和const命令的相關(guān)資料，非常不錯，具有參考借鑒價值，對es6 let const相關(guān)知識感興趣的朋友一起看下吧
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;
}
不允許重復(fù)聲明
// 報錯
function () {
let a = 10;
var a = 1;
}
塊級作用域
function f() { console.log('I am outside!'); }
(function () {
if(false) {
// 重復(fù)聲明一次函數(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 引用類型）對應(yīng)的內(nèi)容改變了，后者則不是指向依然沒變 但是指向?qū)ο蟮膬?nèi)容發(fā)生改變了，對于foo而言我只是一個指針負責(zé)指向?qū)?yīng)的對象 至于對象內(nèi)容是什么就不管我的事了所以可以修改；如果不想讓內(nèi)容也改變也行使用另一個方法；
const foo=Object.freeze([1,2,3]); foo[1]=4; console.log(foo)//[1, 2, 3]
這樣就不用擔(dān)心被修改了；
您可能感興趣的文章:
相關(guān)文章
Bootstrap組件福利大放送，這篇文章主要為大家推薦了幾款好用的Bootstrap組件，感興趣的小伙伴們可以參考一下2016-07-07
JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹插入節(jié)點、生成二叉樹示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹插入節(jié)點、生成二叉樹,結(jié)合實例形式較為詳細的分析了javascript二叉樹相關(guān)概念、定義、節(jié)點插入、遍歷輸出等相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
這篇文章主要介紹了微信內(nèi)置瀏覽器圖片查看器的代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
下面小編就為大家?guī)硪黄陧撁嬷幸雑s的兩種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
JS從一組數(shù)據(jù)中找到指定的單條數(shù)據(jù)的方法
這篇文章給大家介紹基于js如何從一組數(shù)據(jù)中找到指定的單條數(shù)據(jù)，非常實用，實現(xiàn)方案也很簡單，需要的朋友可以參考下2016-06-06
B/S開發(fā)中常用javaScript技術(shù)與代碼
B/S開發(fā)中常用javaScript技術(shù)與代碼...2007-03-03
編寫高質(zhì)量JavaScript代碼的基本要點分享給大家，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了JS ES6中的解構(gòu)，對解構(gòu)感興趣的同學(xué)，可以參考下2021-04-04
這篇文章主要為大家詳細介紹了移動端日期插件Mobiscroll.js的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
原型鏈是JavaScript中繼承的主要方法。本文重點給大家介紹JavaScript基于原型鏈的繼承，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06