快捷導(dǎo)航

var?let?const關(guān)鍵字之間的區(qū)別及使用場(chǎng)景示例詳解

更新時(shí)間：2023年12月24日 10:51:57 作者：Grape

這篇文章主要為大家介紹了var?let?const關(guān)鍵字之間的區(qū)別及使用場(chǎng)景示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

背景

在寫(xiě)js和ts代碼的時(shí)候，經(jīng)常會(huì)用到var、let、const關(guān)鍵字，雖然一直用，但是從來(lái)沒(méi)有去仔細(xì)研究他們之間的區(qū)別，偶爾遇到的使用的問(wèn)題，就直接換了另一個(gè)關(guān)鍵字，其中最明顯的就是我使用const沒(méi)有進(jìn)行初始化發(fā)現(xiàn)不行，就直接換成使用let就可以了，這篇文章就是為了研究其他之間的區(qū)別

一、var變量

1、var在全局作用域的應(yīng)用，使用var關(guān)鍵字聲明的變量，都會(huì)被提升到該作用域的最頂部，這就是我們常說(shuō)的變量提升

console.log(a); //undefind
var a = 1；
console.log(a); //1

等同于

var a;
console.log(a); //undefined
a = 1; 
console.log(a); //1

全局變量

在函數(shù)外聲明的變量作用域是全局的：

var carName = "Volvo";
  function person(){
    console.log(carName); // "Volvo"
  } 
  person();

局部變量

在函數(shù)內(nèi)聲明的變量作用域是局部的（函數(shù)內(nèi)）：

function person() {
    var carName = "Volvo";
    console.log(carName);  // "Volvo"
   }
 person();
 console.log(carName); //報(bào)錯(cuò) Uncaught ReferenceError: a is not defined

使用 var 關(guān)鍵字在塊級(jí)作用域存在的問(wèn)題

var a = 10;
 console.log(a); // 10
  { 
    var a = 2;
    console.log(a); // 2
  }
 console.log(a); // 2

重置變量

使用 var 關(guān)鍵字聲明的變量在任何地方都可以修改：

var x = 2;
console.log(x); // 2
var x = 3;
console.log(x); // 3

二、塊級(jí)作用域let、const

let、const聲明和var聲明用法一樣，不同點(diǎn)在于let、var聲明的是變量，const聲明的是常量。var存在變量提升，let、const不存在變量提升。var在全局作用域聲明的變量會(huì)掛載在window對(duì)象上

1、let 聲明

let聲明的是變量，沒(méi)有var那樣的變量提升，let聲明的變量只在當(dāng)前作用域中有效

全局變量

console.log(x);//報(bào)錯(cuò) Unexpected identifier 'Uncaught'
  let x = 1;
  console.log(x)；// 1

塊級(jí)作用域

let 中不存在變量提升

{
      console.log(x); //報(bào)錯(cuò) Unexpected identifier 'Uncaught'
      let x = 1;
      console.log(x);
   }

重置變量

在相同的作用域或塊級(jí)作用域中，不能let關(guān)鍵字來(lái)重置 var 關(guān)鍵字聲明

var x = 2;       // 合法
  let x = 3;       // 不合法
  {
      var x = 4;   // 合法
      let x = 5   // 不合法
  }

在相同的作用域或塊級(jí)作用域中

let x = 2;       // 合法
let x = 3;       // 不合法
{
    let x = 4;   // 合法
    let x = 5;   // 不合法
}

let 關(guān)鍵字在不同作用域，可以重新申明和賦值

let x = 2;       // 合法
{
    let x = 3;   // 合法
}
{
    let x = 4;   // 合法
}

2、const 聲明

const聲明的是常量，常量不可以修改。常量定義必須初始化值，如果不初始化值就會(huì)報(bào)錯(cuò)。

全局變量

{
        console.log(x); //報(bào)錯(cuò) Unexpected identifier 'Uncaught'
        const x = 1;
        console.log(x); // 1
    }

局部變量

{
        const x = 1;
        console.log(x); //1;
    }
    console.log(x)// 報(bào)錯(cuò) Unexpected identifier 'Uncaught'

必須初始化，不能重新賦值

const x;
  console.log(x);// Uncaught SyntaxError: Missing initializer in const declaration
  const x = 10;
  x = 20; // 報(bào)錯(cuò)，const 變量不可重新賦值

對(duì)象和數(shù)組，對(duì)于引用類(lèi)型（對(duì)象和數(shù)組），const 保證的是變量引用的地址不變，但對(duì)象或數(shù)組本身是可以修改的。

const x = [1, 2, 3];
x.push(4); // 合法，數(shù)組本身可以修改
x = [5, 6, 7]; // 報(bào)錯(cuò)，變量引用地址不可變

總結(jié)

let、var聲明的是變量，const聲明的是常量。var存在變量提升，let、const不存在變量提升。var在全局作用域聲明的變量會(huì)掛載在window對(duì)象上，而let const聲明的變量則不會(huì)有這一行為。let聲明的是變量，沒(méi)有var那樣的變量提升，let聲明的變量只在當(dāng)前作用域中有效，const聲明的是常量，常量不可以修改。常量定義必須初始化值，如果不初始化值就會(huì)報(bào)錯(cuò)。

以上就是var let const關(guān)鍵字之間的區(qū)別及使用場(chǎng)景示例詳解的詳細(xì)內(nèi)容，更多關(guān)于var let const關(guān)鍵字的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

var?let?const關(guān)鍵字之間的區(qū)別及使用場(chǎng)景示例詳解

目錄

背景

一、var變量

二、塊級(jí)作用域let、const

1、let 聲明

塊級(jí)作用域

重置變量

2、const 聲明

總結(jié)

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

var?let?const關(guān)鍵字之間的區(qū)別及使用場(chǎng)景示例詳解

目錄

背景

一、var變量

二、塊級(jí)作用域let、const

1、let 聲明

塊級(jí)作用域

重置變量

2、const 聲明

總結(jié)

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具

一、var變量

二、塊級(jí)作用域let、const

1、let 聲明

2、const 聲明