本篇文章給大家?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已經被聲明了。
登錄后復制
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視頻教程》