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