快捷導(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中是沒有塊級(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)問題。

var a = [];
//函數(shù)和變量i會(huì)最先進(jìn)行聲明，同時(shí)全局變量i經(jīng)過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è)問題

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也用來聲明變量，但是聲明的是常量。一旦聲明，常量的值就不能改變。
② 與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)文章

微信小程序?qū)崿F(xiàn)獲取用戶信息并存入數(shù)據(jù)庫操作示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)獲取用戶信息并存入數(shù)據(jù)庫操作,涉及微信小程序wx.request后臺(tái)數(shù)據(jù)交互及php數(shù)據(jù)存儲(chǔ)相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
JS實(shí)現(xiàn)勻加速與勻減速運(yùn)動(dòng)的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)勻加速與勻減速運(yùn)動(dòng)的方法,涉及javascript結(jié)合時(shí)間函數(shù)與數(shù)學(xué)運(yùn)算動(dòng)態(tài)操作頁面元素樣式的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-09-09
javascript+canvas制作九宮格小程序
這篇文章主要介紹了javascript+canvas制作九宮格小程序，效果非常棒，這里推薦給有需要的小伙伴們
2014-12-12
JavaScript實(shí)現(xiàn)SHA-1加密算法的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)SHA-1加密算法的方法,實(shí)例分析了使用javascript實(shí)現(xiàn)SHA-1加密算法的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
原生js實(shí)現(xiàn)彈動(dòng)小球效果
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)彈動(dòng)小球效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
微信小程序頁面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序頁面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼的相關(guān)資料,這里分析實(shí)現(xiàn)的條件及實(shí)例代碼，需要的朋友可以參考下
2017-07-07
用javascript做拖動(dòng)布局的思路
這幾天不是很忙，就找了些拖動(dòng)布局方面的資料看看，也學(xué)著寫了個(gè)拖動(dòng)布局的效果，沒想到花了好多時(shí)間，七拼八湊，總算是把這個(gè)效果寫出來了。哎！還是js的功夫太差。因?yàn)槭沁呎屹Y料邊寫的，很多地方印象不深，時(shí)間一長(zhǎng)，再重新寫估計(jì)也難，所以把當(dāng)時(shí)的思路記錄一下！也希望大蝦指點(diǎn)一下！
2008-05-05
為Javascript中的String對(duì)象添加去除左右空格的方法(示例代碼)
這篇文章主要介紹了為Javascript中的String對(duì)象添加去除左右空格的方法(示例代碼)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-11-11
js下用gb2312編碼解碼實(shí)現(xiàn)方法
在js中將中文用gb2312編碼。如，“我”編碼后應(yīng)該是“%CE%D2”。
2009-12-12
JS類的定義與使用方法深入探索
這篇文章主要介紹了JS類的定義與使用方法,結(jié)合實(shí)例形式深入分析了javascript類的定義與屬性、方法的調(diào)用技巧,需要的朋友可以參考下
2016-11-11