摘要:區(qū)別標(biāo)簽空格分隔規(guī)范新增了兩種變量聲明方式,雖然在項(xiàng)目中也經(jīng)常用到和但是和到底有什么區(qū)別,今天做下總結(jié)。不允許重復(fù)聲明不允許在相同作用域內(nèi),重復(fù)聲明同一個(gè)變量。
var let const 區(qū)別
標(biāo)簽(空格分隔): ES6
ES6規(guī)范新增了let、const兩種變量聲明方式,雖然在項(xiàng)目中也經(jīng)常用到let和const但是和var到底有什么區(qū)別,今天做下總結(jié)。
1、let 聲明的變量只在它所在的代碼塊有效;for (let i = 0; i < 10; i++) { console.log(i); } console.log("aaa"); console.log(i); // i is not defined
上面代碼中,計(jì)數(shù)器i只在for循環(huán)體內(nèi)有效,在循環(huán)體外引用就會(huì)報(bào)錯(cuò)。如下var代碼:
var a = []; for (var i = 0; i < 10; i++) { a[i] = function() { console.log(i); } } a[6](); // 10
變量i是var聲明的,在全局范圍內(nèi)都有效,所以每一次循環(huán),新的i值都會(huì)覆蓋舊值,導(dǎo)致最后輸出的是最后一輪i的值。
但是如果使用let,聲明的變量?jī)H在塊級(jí)作用域內(nèi)有效,最后輸出的是6. 如下:
var b = []; for (let j = 0; j < 10; j++) { b[j] = function() { console.log(j); } } b[6](); // 62、let不存在變量提升
let 不像var 那樣會(huì)發(fā)生 ‘變量提升’ 現(xiàn)象,因此,變量需要先聲明然后再使用,否則報(bào)錯(cuò);
// var 的情況 console.log(foo); // undefined var foo = 2; // let的情況; console.log(bar); // 報(bào)錯(cuò) let bar = 2;3、暫時(shí)性死區(qū)
快級(jí)作用域內(nèi)存在let命令,它所聲明的變量就綁定在這個(gè)區(qū)域,不再受外部影響;如下代碼:
var tmp = 123; if (true) { tmp = "abc"; let tmp; console.log(tmp); // tmp is not defined }
上面代碼定于全局變量tmp,但是在快級(jí)作用域內(nèi)let又聲明了一個(gè)局部變量tmp,導(dǎo)致綁定了這個(gè)快級(jí)作用域;因此打印出tmp會(huì)報(bào)錯(cuò)。
4、不允許重復(fù)聲明let 不允許在相同作用域內(nèi),重復(fù)聲明同一個(gè)變量。如下代碼排錯(cuò)
function a() { let a = 10; var a = 1; console.log(a); } a(); function a() { let a1 = 10; let a1 = 1; console.log(a1); } a();
也不能在函數(shù)內(nèi)部重新聲明參數(shù)。
function func1(arg) { let arg; // 報(bào)錯(cuò) } function func2(arg) { { let arg; // 不報(bào)錯(cuò) } }
ES6的塊級(jí)作用域
function f1() { let n = 5; if (true) { let n = 10; } console.log(n); // 5 } f1()
上面的代碼有2個(gè)代碼塊,都聲明了變量n,運(yùn)行后輸出5,說(shuō)明了外層代碼塊不受內(nèi)層代碼塊的影響,如果使用了變量var,那么輸出的就是10;
5、const命令const 聲明一個(gè)只讀的常量,一旦聲明,常量的值就不允許改變。
如下代碼:
const a = 1; a = 2; console.log(a); //報(bào)錯(cuò)
也就是說(shuō) const 一旦聲明了變量,就必須初始化,不能留到以后賦值。如果使用const聲明一個(gè)變量,但是不賦值,也會(huì)報(bào)錯(cuò);如下代碼:
const aa; // 報(bào)錯(cuò)
const的作用域與let命令相同;只在聲明所在的塊級(jí)作用域內(nèi)有效。
if (true) { const aa = 1; } console.log(aa); // 報(bào)錯(cuò)
不可重復(fù)聲明 (和let一樣)
var message = "Hello!"; let age = 25; // 以下兩行都會(huì)報(bào)錯(cuò) const message = "Goodbye!"; const age = 30;
但是對(duì)于復(fù)合類型的變量,比如數(shù)組,存儲(chǔ)的是一個(gè)地址,不可改變的是這個(gè)地址,即不能把一個(gè)地址指向另一個(gè)地址,但是對(duì)象本身是可變的,比如可以給它添加新的屬性,如下代碼:
const a33 = []; a33.push("Hello"); // 可執(zhí)行 a33.length = 0; // 可執(zhí)行 a33 = ["55"] // 報(bào)錯(cuò)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/97248.html
摘要:聲明的變量存在變量提升,聲明的變量不存在變量提升。聲明的變量允許重新賦值,聲明的變量不允許重新賦值。注意跨腳本聲明重復(fù)變量也會(huì)報(bào)錯(cuò)。中出現(xiàn)的任何元素在聲明中出現(xiàn),語(yǔ)法錯(cuò)誤。中的是如此的怪異。對(duì)中的聲明進(jìn)行實(shí)例化。 我在上一篇文章javascript中詞法環(huán)境、領(lǐng)域、執(zhí)行上下文以及作業(yè)詳解中的最后稍微提到了有關(guān)var、let、const聲明的區(qū)別,在本篇中我會(huì)重點(diǎn)來(lái)分析它們之間到底有什么...
showImg(https://segmentfault.com/img/remote/1460000017757580); let和const是 ES6 新增的命令,用于聲明變量,這兩個(gè)命令跟 ES5 的var有許多不同,并且let和const也有一些細(xì)微的不同,再認(rèn)真閱讀了阮一峰老師的文檔后,發(fā)現(xiàn)還是有一些不知道的細(xì)節(jié)... 博客、前端積累文檔、公眾號(hào)、GitHub 內(nèi)容: var和let...
摘要:前言和的區(qū)別是老生常談,看到網(wǎng)上一些文章的總結(jié),有的不太全面,甚至有的描述不太準(zhǔn)確,在這里盡量全面的總結(jié)下這三者的區(qū)別。最后以上大概是總結(jié)后的內(nèi)容,看來(lái),還是多用吧。 前言 var 和 let 的區(qū)別是老生常談,看到網(wǎng)上一些文章的總結(jié),有的不太全面,甚至有的描述不太準(zhǔn)確,在這里盡量全面的總結(jié)下這三者的區(qū)別。 let 是 ES6新增的變量類型,用來(lái)代替 var 的一些缺陷,跟 var...
摘要:中的區(qū)別主要內(nèi)容是中三種定義變量的方式,,的區(qū)別。定義的變量可以修改,如果不初始化會(huì)輸出,不會(huì)報(bào)錯(cuò)。正確錯(cuò)誤,必須初始化函數(shù)外定義有輸出值函數(shù)外修改定義無(wú)法輸出是常量,不可改變,一般大寫,也是塊級(jí)作用域。。。 js中var、let、const的區(qū)別 主要內(nèi)容是:js中三種定義變量的方式const, var, let的區(qū)別。 var定義的變量可以修改,如果不初始化會(huì)輸出undefined...
摘要:我認(rèn)為這樣是可行的主要是通過(guò)設(shè)置變量的可寫屬性為報(bào)錯(cuò)不報(bào)錯(cuò)通過(guò)以上兩個(gè)例子發(fā)現(xiàn)這種實(shí)現(xiàn)應(yīng)該是可以的 由一道面試題引發(fā)的思考~~如何用es5實(shí)現(xiàn)es6中類似const的效果? var:有變量提升,提升到當(dāng)前作用域的最前 let: (1)let不會(huì)有變量提升:且let申明的變量在塊級(jí)作用域中存在暫時(shí)性死區(qū) (暫時(shí)性死區(qū):在塊級(jí)作用域中,從塊級(jí)的頂部到變量申明之前,...
閱讀 1617·2021-11-23 09:51
閱讀 1186·2019-08-30 13:57
閱讀 2271·2019-08-29 13:12
閱讀 2021·2019-08-26 13:57
閱讀 1205·2019-08-26 11:32
閱讀 985·2019-08-23 15:08
閱讀 711·2019-08-23 14:42
閱讀 3092·2019-08-23 11:41