本篇文章給大家?guī)砹岁P(guān)于JavaScript的相關(guān)知識,其中主要給大家介紹了var、let以及const的區(qū)別有哪些,還有ECMAScript 和 JavaScript的關(guān)系介紹,感興趣的朋友一起來看一下吧,希望對大家有幫助。
什么是JavaScript?
首先,ECMAScript 和 JavaScript 什么關(guān)系?
ECMAScript是一個國際通過的標(biāo)準(zhǔn)化腳本語言。
JavaScript由ECMAScript和DOM、BOM三者組成。 可以簡單理解為:ECMAScript是JavaScript的語言規(guī)范,JavaScript是ECMAScript的實(shí)現(xiàn)和擴(kuò)展。
var、let、const的區(qū)別?
1、var聲明變量存在變量提升
,let和const不存在變量提升
console.log(a); // undefined ===> a已聲明還沒賦值,默認(rèn)得到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
2、let和const只能在塊作用域里訪問
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 ===> 標(biāo)識符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) //運(yùn)行發(fā)現(xiàn)控制臺沒有報錯,且 person.name 被成功修改
????這是怎么回事呢?
因?yàn)閷ο笫且妙愋偷模琾erson中保存的僅是對象的指針,而修改對象的屬性不會改變對象的指針,所以這種情況就會修改成功。也就是說const定義的引用類型只要指針不發(fā)生改變,都是被允許的。
接下來我們試著修改一下指針,讓person指向一個新對象,最后果然報錯
const person = { name : 'make', sex : '男'}person = { name : 'test', sex : '男'}console.log(person.name) //控制臺報錯
5、小結(jié)
var定義的變量,變量提升,沒有塊的概念,可以跨塊訪問。
let定義的變量,只能在塊作用域里訪問,不能聲明同名變量。
const用來定義常量,使用時必須初始化(即必須賦值),不能聲明同名變量,只能在塊作用域里訪問,而且不能修改,但是在定義的對象時對象屬性值可以改變。
他們都不能跨函數(shù)訪問