var、let及const的區別是什么

這篇文章主要介紹了var、let及const的區別是什么的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇var、let及const的區別是什么文章都會有所收獲，下面我們一起來看看吧。

什么是JavaScript？

首先,ECMAScript 和 JavaScript 什么關系？

• ECMAScript是一個國際通過的標準化腳本語言。

• JavaScript由ECMAScript和DOM、BOM三者組成。 可以簡單理解為：ECMAScript是JavaScript的語言規范，JavaScript是ECMAScript的實現和擴展。

var、let、const的區別？

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

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  ===> 標識符a已經被聲明了。

4. const定義常量，而且不能修改，但是在定義的對象時對象屬性值可以改變

 const a=2
 a=3
 console.log(a)  //控制臺報錯

const person = {
    name : 'make',
    sex : '男'
}

person.name = 'test'

console.log(person.name)    //運行發現控制臺沒有報錯，且 person.name 被成功修改

？？？？這是怎么回事呢？

因為對象是引用類型的，person中保存的僅是對象的指針，而修改對象的屬性不會改變對象的指針，所以這種情況就會修改成功。也就是說const定義的引用類型只要指針不發生改變，都是被允許的。

接下來我們試著修改一下指針，讓person指向一個新對象，最后果然報錯

const person = {
  name : 'make',
  sex : '男'}person = {
  name : 'test',
  sex : '男'}console.log(person.name)  //控制臺報錯

5. 小結

• var定義的變量，變量提升，沒有塊的概念，可以跨塊訪問。

• let定義的變量，只能在塊作用域里訪問，不能聲明同名變量。

• const用來定義常量，使用時必須初始化(即必須賦值)，不能聲明同名變量，只能在塊作用域里訪問，而且不能修改，但是在定義的對象時對象屬性值可以改變。

• 他們都不能跨函數訪問

關于“var、let及const的區別是什么”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“var、let及const的區別是什么”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。