ES6學(xué)習(xí)之變量的兩種命名方法示例
前言
眾所周知es6是ECMAScript 6.0(以下簡稱 ES6)是 JavaScript 語言的下一代標(biāo)準(zhǔn),已經(jīng)在2015年6月正式發(fā)布了。它的目標(biāo),是使得 JavaScript 語言可以用來編寫復(fù)雜的大型應(yīng)用程序,成為企業(yè)級(jí)開發(fā)語言。
它完善了ES5的命名規(guī)范,它又重新發(fā)布了兩個(gè)新的命名變量的方式:let和const,但是let聲明的變量只在它所在的代碼塊有效。
本文將給大家介紹關(guān)于ES6變量命名的兩種方法,下面話不多說,來一起看看詳細(xì)的介紹:
let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1
1、for循環(huán)的計(jì)數(shù)器,就很適合let,比如我之前遇到一個(gè)問題,就是一個(gè)ul中有很多l(xiāng)i,要想點(diǎn)擊每個(gè)li時(shí)都獲取到哪個(gè)li的下標(biāo)
for (let i = 0,len=obj.length; i < len; i++) { obj[i].addEventListener("click",function (){ console.log(i) },false); }
var 在for循環(huán)中循環(huán)一個(gè)對(duì)象后得到最后那個(gè)對(duì)象的長度,而let很好的解決了那個(gè)問題,并且訪問每個(gè)li的索引。
2、不存在變量提升
var命令會(huì)發(fā)生”變量提升“現(xiàn)象,即變量可以在聲明之前使用,值為undefined。這種現(xiàn)象多多少少是有些奇怪的,按照一般的邏輯,變量應(yīng)該在聲明語句之后才可以使用。
為了糾正這種現(xiàn)象,let命令改變了語法行為,它所聲明的變量一定要在聲明后使用,否則報(bào)錯(cuò)。
// var 的情況 console.log(foo); // 輸出undefined var foo = 2; // let 的情況 console.log(bar); // 報(bào)錯(cuò)ReferenceError let bar = 2;
const聲明一個(gè)只讀的常量。一旦聲明,常量的值就不能改變。
const PI = 3.1415; PI // 3.1415 PI = 3; // TypeError: Assignment to constant variable.
const聲明的變量不得改變值,這意味著,const一旦聲明變量,就必須立即初始化,不能留到以后賦值。
對(duì)于const來說,只聲明不賦值,就會(huì)報(bào)錯(cuò)。
const的作用域與let命令相同:只在聲明所在的塊級(jí)作用域內(nèi)有效。
總結(jié)
以上就是這篇文章的全部內(nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
bootstrap table實(shí)現(xiàn)雙擊可編輯、添加、刪除行功能
這篇文章主要為大家詳細(xì)介紹了bootstrap table實(shí)現(xiàn)雙擊可編輯、添加、刪除行功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09微信企業(yè)號(hào)開發(fā)之微信考勤Cookies的使用
使用微信考勤,每次使用微信企業(yè)號(hào)開發(fā):微信用戶信息和web網(wǎng)頁的session的關(guān)系這個(gè)里邊的方法,調(diào)用微信的接口,有點(diǎn)慢,微信官方也推薦使用Cookies,但如何使用Cookies,自己卻一直沒有搞清楚。下面小編幫大家解決難題,需要的朋友可以參考下2015-09-09bootstrap動(dòng)態(tài)添加面包屑(breadcrumb)及其響應(yīng)事件的方法
這篇文章主要介紹了bootstrap動(dòng)態(tài)添加面包屑(breadcrumb)及其響應(yīng)事件的方法,涉及js數(shù)據(jù)傳輸及定義響應(yīng)事件相關(guān)操作技巧,需要的朋友可以參考下2017-05-05Javascript實(shí)現(xiàn)倒計(jì)時(shí)時(shí)差效果
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)倒計(jì)時(shí)時(shí)差效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05探究Javascript模板引擎mustache.js使用方法
這篇文章主要為大家介紹了Javascript模板引擎mustache.js使用方法,mustache.js是一個(gè)簡單強(qiáng)大的Javascript模板引擎,使用它可以簡化在js代碼中的html編寫,壓縮后只有9KB,非常值得在項(xiàng)目中使用,感興趣的小伙伴們可以參考一下2016-01-01js和jQuery以及easyui實(shí)現(xiàn)對(duì)下拉框的指定賦值方法
下面小編就為大家分享一篇js和jQuery以及easyui實(shí)現(xiàn)對(duì)下拉框的指定賦值方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01element-ui 圖片壓縮上傳功能實(shí)現(xiàn)
這篇文章主要介紹了element-ui 圖片壓縮上傳功能實(shí)現(xiàn),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-10-10