站長資訊網(wǎng)
本篇文章給大家?guī)砹岁P(guān)于JavaScript的相關(guān)知識(shí)，其中主要給大家介紹了var、let以及const的區(qū)別有哪些，還有ECMAScript 和 JavaScript的關(guān)系介紹，感興趣的朋友一起來看一下吧，希望對(duì)大家有幫助。
首先,ECMAScript 和 JavaScript 什么關(guān)系？
- ECMAScript是一個(gè)國際通過的標(biāo)準(zhǔn)化腳本語言。
- JavaScript由ECMAScript和DOM、BOM三者組成。 可以簡單理解為：ECMAScript是JavaScript的語言規(guī)范，JavaScript是ECMAScript的實(shí)現(xiàn)和擴(kuò)展。
1. var聲明變量存在變量提升，let和const不存在變量提升
console.log(a); // undefined ===> a已聲明還沒賦值，默認(rèn)得到undefined值 console.log(b); // 報(bào)錯(cuò)：b is not defined ===> 找不到b這個(gè)變量 console.log(c); // 報(bào)錯(cuò)：c is not defined ===> 找不到c這個(gè)變量 var a = 100; let b = 10; const c = 10; console.log(a);//a=100
登錄后復(fù)制
if(1){ var a = 100; let b = 10; const c = 1; } console.log(a); // 100 console.log(b) // 報(bào)錯(cuò)：b is not defined ===> 找不到b這個(gè)變量 console.log(c) // 報(bào)錯(cuò)：c is not defined ===> 找不到c這個(gè)變量
登錄后復(fù)制
3. 同一作用域下let和const不能聲明同名變量，而var可以
var a = 100; console.log(a); //控制臺(tái)輸出 100 var a = 10; console.log(a); //控制臺(tái)輸出 10 let a = 100; let a = 10; // 控制臺(tái)報(bào)錯(cuò)：Identifier 'a' has already been declared ===> 標(biāo)識(shí)符a已經(jīng)被聲明了。
登錄后復(fù)制
4. const定義常量，而且不能修改，但是在定義的對(duì)象時(shí)對(duì)象屬性值可以改變
const a=2 a=3 console.log(a) //控制臺(tái)報(bào)錯(cuò)
登錄后復(fù)制
const person = { name : 'make', sex : '男' } person.name = 'test' console.log(person.name) //運(yùn)行發(fā)現(xiàn)控制臺(tái)沒有報(bào)錯(cuò)，且 person.name 被成功修改
登錄后復(fù)制
？？？？這是怎么回事呢？
因?yàn)閷?duì)象是引用類型的，person中保存的僅是對(duì)象的指針，而修改對(duì)象的屬性不會(huì)改變對(duì)象的指針，所以這種情況就會(huì)修改成功。也就是說const定義的引用類型只要指針不發(fā)生改變，都是被允許的。
接下來我們?cè)囍薷囊幌轮羔槪?strong>讓person指向一個(gè)新對(duì)象，最后果然報(bào)錯(cuò)
const person = { name : 'make', sex : '男'}person = { name : 'test', sex : '男'}console.log(person.name) //控制臺(tái)報(bào)錯(cuò)
登錄后復(fù)制
var定義的變量，變量提升，沒有塊的概念，可以跨塊訪問。
let定義的變量，只能在塊作用域里訪問，不能聲明同名變量。
const用來定義常量，使用時(shí)必須初始化(即必須賦值)，不能聲明同名變量，只能在塊作用域里訪問，而且不能修改，但是在定義的對(duì)象時(shí)對(duì)象屬性值可以改變。
他們都不能跨函數(shù)訪問
推薦學(xué)習(xí)：《JavaScript視頻教程》
