js中關鍵字var和let的區別是什么

首先我們了解一下關鍵字var和let有什么作用？如何使用？

關鍵字var

var語句在javascript中聲明一個變量。

var a = 10;

說明：

1、變量聲明在代碼執行之前被處理。

2、用var聲明的JavaScript變量的范圍是其當前執行上下文。

3、在函數之外聲明的JavaScript變量的范圍是全局的。

function nodeSimplified(){
 var a =10;
 console.log(a); // 

在上面的代碼中，當在if循環內更新變量時，你會發現變量“a”的值全局更新為20，因此在if循環之外值仍然存在。它類似于其他語言中的全局變量。但是，請務必小心使用此功能，因為可能會覆蓋現有值。

關鍵字let

let語句在塊作用域中聲明一個局部變量。

let a =10;

說明：

let語句允許我們創建一個變量，其范圍僅限于使用它的塊里。

它類似于我們在Java，.NET等其他語言中聲明的變量。

function nodeSimplified(){
 let a =10;
 console.log(a); // 

關鍵字var和let的區別

在javascript中，關鍵字var和let都是可以用來聲明變量的，那么他們有什么區別？

作用域

var是函數作用域，而let是塊作用域。

可以說，與let相比，用var聲明的變量在整個程序中被定義。

變量提升

let不會提升到它們出現的塊的整個范圍。相比之下，var可以如下所示提升。

// 定義后調用變量x
var x = 5; 
document.write(x, "\n"); 

// 定義后調用變量y
let y = 10; 
document.write(y, "\n"); 

//先調用變量z，在使用var定義變量z
document.write(z, "\n"); //顯示undefined
var z = 2; 

// 先調用變量a，在使用var定義變量a
document.write(a); //報錯
let a = 3;

運行：

重聲明

在strict模式下，var將允許我們在同一范圍內重新聲明相同的變量；但，let不行：

'use strict';
var me = 'foo';
var me = 'bar'; // 此時，變量me里的值為bar

'use strict';
let me = 'foo';
let me = 'bar'; // 報錯: 標識符“me”已被聲明

總結：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com