淺談JS中var,let和const的區(qū)別

更新時(shí)間：2022年07月15日 11:10:06 作者：??桃子蘸醬?

這篇文章主要介紹了淺談JS中var,let和const的區(qū)別,let和const是ES6新增的關(guān)鍵字,詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下

區(qū)別1

let和var用來(lái)聲明變量，const用來(lái)聲明常量。

變量就是賦值后可以改變它的值，常量就是賦值后就不能改變它的值。

當(dāng)聲明為對(duì)象時(shí)，可以直接修改對(duì)象內(nèi)的屬性值

const age = 26;
age = 36; // TypeError: 給常量賦值

// const聲明的作用域也是塊
const name = 'Matt';
if (true) {
    const name = 'Nicholas';
}
console.log(name); // Matt

區(qū)別2

const不允許只聲明不賦值，一旦聲明就必須賦值

const num; // 錯(cuò)誤
const num = 1; //正確

區(qū)別3

var是函數(shù)作用域，let和const是塊級(jí)作用域。

花括號(hào){}就是塊級(jí)作用域，函數(shù)作用域就是函數(shù)里面的內(nèi)容。

{
    let num = 4;
}
console.log(num);// num is not defined
{
    var num = 4;
}
console.log(num); // 4

區(qū)別4

var有提升的功能，let和const沒(méi)有

// 片段A
console.log(a);  //undefined
var a = 4;
// 片段B
console.log(b); //b is not defined
let b = 4;

片段A在代碼預(yù)編譯時(shí)，javaScript引擎會(huì)自動(dòng)將所有代碼里面的var關(guān)鍵字聲明的語(yǔ)句都會(huì)提升到當(dāng)前作用域的頂端，如下：

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

區(qū)別5

在最外層的作用域，也就是全局作用域，用var聲明的變量，會(huì)作為window的一個(gè)屬性；而用let和const聲明的變量或常量，并不會(huì)作為window的屬性

var a = 4;
function foo(){
	/*
	這里的this采用默認(rèn)的規(guī)則，與window進(jìn)行了綁定，所以實(shí)際上訪問(wèn)的是window.a
	*/
	console.log(this.a);// 4  
}
foo()

let a = 4;
function foo(){
	/*
	在這種情況下，this.a 訪問(wèn)的是window.a，但是let定義的變量，并不會(huì)作為window的屬性，所以訪問(wèn)不到
	*/
	console.log(this.a);// undefined  
}
foo()

區(qū)別6

let,const不允許同一個(gè)塊作用域中出現(xiàn)冗余聲明（重復(fù)聲明）,而var可以

var name;
var name; // 可以

let age;
let age; // SyntaxError；標(biāo)識(shí)符age已經(jīng)聲明過(guò)了
const name = 'Matt';
const name = 'Nicholas'; // SyntaxError

區(qū)別7

變量滲透問(wèn)題

// for循環(huán)中var定義的迭代變量會(huì)滲透到循環(huán)體外部
for (var i = 0; i < 5; ++i) {
    // 循環(huán)邏輯
}
console.log(i); // 5

// 改成使用let之后，這個(gè)問(wèn)題就消失了，因?yàn)榈兞康淖饔糜騼H限于for循環(huán)塊內(nèi)部
for (let i = 0; i < 5; ++i) {
    // 循環(huán)邏輯
}
console.log(i); // ReferenceError: i沒(méi)有定義

到此這篇關(guān)于淺談JS中var,let和const的區(qū)別的文章就介紹到這了,更多相關(guān)JS var,let,const,內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: