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