首先,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ò)展。
- 塊作用域{ }
JS中作用域有:全局作用域、函數(shù)作用域。沒(méi)有塊作用域的概念。ECMAScript 6(簡(jiǎn)稱(chēng)ES6)中新增了塊級(jí)作用域。
塊作用域由 { } 包括,if語(yǔ)句和for語(yǔ)句里面的{ }也屬于塊作用域。
<script type="text/javascript">
{
var a = 1;
console.log(a); // 1
}
console.log(a); // 1
// 可見(jiàn),通過(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>
- 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 (在同一個(gè){ }中,也屬于同一個(gè)塊,可以正常訪問(wèn)到)
console.log(f); // 7 (在同一個(gè){ }中,也屬于同一個(gè)塊,可以正常訪問(wèn)到)
})();
// console.log(d); // 報(bào)錯(cuò)
// console.log(e); // 報(bào)錯(cuò)
// console.log(f); // 報(bào)錯(cuò)
</script>