首先,一個(gè)常見(jiàn)的問(wèn)題是帽借,ECMAScript 和 JavaScript 到底是什么關(guān)系珠增?
????? ECMAScript是一個(gè)國(guó)際通過(guò)的標(biāo)準(zhǔn)化腳本語(yǔ)言。JavaScript由ECMAScript和DOM砍艾、BOM三者組成蒂教。可以簡(jiǎn)單理解為:ECMAScript是JavaScript的語(yǔ)言規(guī)范脆荷,JavaScript是ECMAScript的實(shí)現(xiàn)和擴(kuò)展凝垛。
????????2011 年懊悯,ECMAScript 5.1 版發(fā)布。之前我們大部分人用的也就是ES5
????????2015 年 6 月梦皮,ECMAScript 6 正式通過(guò)炭分,成為國(guó)際標(biāo)準(zhǔn)。
1. 塊級(jí)作用域 {}
??????? ES5 中作用域有:全局作用域剑肯、函數(shù)作用域捧毛。沒(méi)有塊作用域的概念。
???????? ES6 中新增了塊級(jí)作用域让网。塊作用域由 { } 包括呀忧,if語(yǔ)句和 for語(yǔ)句里面的{ }也屬于塊作用域。
<script type="text/javascript">
? ? {
? ? ? ? var a = 1;
? ? ? ? console.log(a); // 1
? ? }
? ? console.log(a); // 1
? ? // 通過(guò)var定義的變量可以跨塊作用域訪問(wèn)到溃睹。
? ? (function A() {
? ? ? ? var b = 2;
? ? ? ? console.log(b); // 2
? ? })();
? ? // console.log(b); // 報(bào)錯(cuò)而账,
? ? // 可見(jiàn),通過(guò)var定義的變量不能跨函數(shù)作用域訪問(wèn)到
? ? if(true) {
? ? ? ? var c = 3;
? ? }
? ? console.log(c); // 3
? ? for(var i = 0; i < 4; i ++) {
? ? ? ? var d = 5;
? ? };
? ? console.log(i); // 4? (循環(huán)結(jié)束i已經(jīng)是4丸凭,所以此處i為4)
? ? console.log(d); // 5
? ? // if語(yǔ)句和for語(yǔ)句中用var定義的變量可以在外面訪問(wèn)到福扬,
? ? // 可見(jiàn),if語(yǔ)句和for語(yǔ)句屬于塊作用域惜犀,不屬于函數(shù)作用域铛碑。
</script>
2. var、let虽界、const的區(qū)別
var定義的變量汽烦,沒(méi)有塊的概念,可以跨塊訪問(wèn), 不能跨函數(shù)訪問(wèn)莉御。
let定義的變量撇吞,只能在塊作用域里訪問(wèn),不能跨塊訪問(wèn)礁叔,也不能跨函數(shù)訪問(wèn)牍颈。
const用來(lái)定義常量,使用時(shí)必須初始化(即必須賦值)琅关,只能在塊作用域里訪問(wèn)煮岁,而且不能修改。
<script type="text/javascript">
? ? // 塊作用域
? ? {
? ? ? ? var a = 1;
? ? ? ? let b = 2;
? ? ? ? const c = 3;
? ? ? ? // c = 4; // 報(bào)錯(cuò)
? ? ? ? var aa;
? ? ? ? let bb;
? ? ? ? // const cc; // 報(bào)錯(cuò)
? ? ? ? console.log(a); // 1
? ? ? ? console.log(b); // 2
? ? ? ? console.log(c); // 3
? ? ? ? console.log(aa); // undefined
? ? ? ? console.log(bb); // undefined
? ? }
? ? console.log(a); // 1
? ? // console.log(b); // 報(bào)錯(cuò)
? ? // console.log(c); // 報(bào)錯(cuò)
? ? // 函數(shù)作用域
? ? (function A() {
? ? ? ? var d = 5;
? ? ? ? let e = 6;
? ? ? ? const f = 7;
? ? ? ? console.log(d); // 5
? ? ? ? console.log(e); // 6?
? ? ? ? console.log(f); // 7
? ? })();
? ? // console.log(d); // 報(bào)錯(cuò)
? ? // console.log(e); // 報(bào)錯(cuò)
? ? // console.log(f); // 報(bào)錯(cuò)
</script>