快捷導(dǎo)航

ES6新特性一： let和const命令詳解

更新時(shí)間：2017年04月20日 14:52:47 作者：Dason_yu

這篇文章主要介紹了ES6新特性中的let和const命令,結(jié)合實(shí)例形式分析了let和const命令的功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了ES6新特性中的let和const命令。分享給大家供大家參考，具體如下：

1. let 命令

① 在js中是沒(méi)有塊級(jí)作用域的，var 聲明的變量作用域是整個(gè)函數(shù)體，而let可以起到這一作用

{
  let a = 1;
  var b = 2;
}
console.log(b); // 2
console.log(a); // a is not defind

② 而let可以起到這一作用啊在js中變量和函數(shù)的聲明會(huì)提升到當(dāng)前作用域最頂部執(zhí)行。這樣就會(huì)出現(xiàn)問(wèn)題。

var a = [];
//函數(shù)和變量i會(huì)最先進(jìn)行聲明，同時(shí)全局變量i經(jīng)過(guò)for循環(huán)賦值為10
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
console.log(i);//10
a[6]();//10

而使用let就解決了這個(gè)問(wèn)題

for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); //6

③ let不像var那樣，會(huì)發(fā)生“變量提升”現(xiàn)象

console.log(a); // a is not defined
let a = 1;

④ let不允許在相同塊級(jí)作用域內(nèi)，重復(fù)聲明同一個(gè)變量

// 報(bào)錯(cuò)
{
  let a = 10;
  var a = 1;
}
// 報(bào)錯(cuò)
{
  let a = 10;
  let a = 1;
}

2. const 命令

① const也用來(lái)聲明變量，但是聲明的是常量。一旦聲明，常量的值就不能改變。
② 與let相同也不能在相同塊級(jí)作用域內(nèi)重復(fù)聲明同一個(gè)變量。
③ const的作用域與let命令相同：只在聲明所在的塊級(jí)作用域內(nèi)有效。

const PI = 3.1415;
console.log(PI); // 3.1415
//PI = 3; // Assignment to constant variable.(不能給常量賦值)
//const PI = 3.1;// Identifier 'PI' has already been declared

希望本文所述對(duì)大家ECMAScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

webpack4.x打包過(guò)程詳解
這篇文章主要介紹了webpack4.x打包過(guò)程詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
js實(shí)現(xiàn)匹配時(shí)換色的輸入提示特效代碼
這篇文章主要介紹了js實(shí)現(xiàn)匹配時(shí)換色的輸入提示特效代碼,涉及javascript針對(duì)頁(yè)面元素的匹配及鼠標(biāo)事件的相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
JavaScript文檔加載模式以及元素獲取
這篇文章主要介紹了JavaScript文檔加載模式以及元素獲取,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
JS導(dǎo)出PDF插件的方法(支持中文、圖片使用路徑)
下面小編就為大家?guī)?lái)一篇JS導(dǎo)出PDF插件的方法(支持中文、圖片使用路徑)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
bootstrap table使用入門基本用法
這篇文章主要為大家詳細(xì)介紹了bootstrap table使用入門基本用法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
微信小程序與后臺(tái)PHP交互的方法實(shí)例分析
這篇文章主要介紹了微信小程序與后臺(tái)PHP交互的方法,結(jié)合實(shí)例形式分析了微信小程序基于wx.request(OBJECT)方法與后臺(tái)php程序交互相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2018-12-12
JavaScript更改class和id的方法
JavaScript允許你更改元素的class或id。當(dāng)你更改之后，瀏覽器會(huì)自動(dòng)更新元素的樣式。
2008-10-10
js+canvas繪制矩形的方法
這篇文章主要介紹了js+canvas繪制矩形的方法,涉及JavaScript調(diào)用html5的canvas組件繪制圖形的相關(guān)技巧,需要的朋友可以參考下
2016-01-01
ES6中字符串string常用的新增方法小結(jié)
這篇文章主要介紹了ES6中字符串string常用的新增方法,結(jié)合實(shí)例形式總結(jié)分析了ES6中字符串string常用的新增方法功能與使用技巧,需要的朋友可以參考下
2017-11-11
解析從小程序開(kāi)發(fā)者工具源碼看原理實(shí)現(xiàn)
小程序的架構(gòu)設(shè)計(jì)與web技術(shù)還是有一定的差別，其吸取了web技術(shù)的一些優(yōu)勢(shì)，同時(shí)也摒棄web技術(shù)中體驗(yàn)等不好的地方。下面通過(guò)問(wèn)題的形式來(lái)說(shuō)說(shuō)小程序架構(gòu)中的一些設(shè)計(jì)點(diǎn)
2021-06-06