淺談JS中var,let和const的區(qū)別
區(qū)別1
let和var用來聲明變量,const用來聲明常量。
變量就是賦值后可以改變它的值,常量就是賦值后就不能改變它的值。
當聲明為對象時,可以直接修改對象內(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; // 錯誤 const num = 1; //正確
區(qū)別3
var是函數(shù)作用域,let和const是塊級作用域。
花括號{}就是塊級作用域,函數(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沒有
// 片段A console.log(a); //undefined var a = 4; // 片段B console.log(b); //b is not defined let b = 4;
片段A在代碼預編譯時,javaScript引擎會自動將所有代碼里面的var關(guān)鍵字聲明的語句都會提升到當前作用域的頂端,如下:
var a; console.log(a); //undefined a = 4;
區(qū)別5
在最外層的作用域,也就是全局作用域,用var聲明的變量,會作為window的一個屬性;而用let和const聲明的變量或常量,并不會作為window的屬性
var a = 4;
function foo(){
/*
這里的this采用默認的規(guī)則,與window進行了綁定,所以實際上訪問的是window.a
*/
console.log(this.a);// 4
}
foo()let a = 4;
function foo(){
/*
在這種情況下,this.a 訪問的是window.a,但是let定義的變量,并不會作為window的屬性,所以訪問不到
*/
console.log(this.a);// undefined
}
foo()區(qū)別6
let,const不允許同一個塊作用域中出現(xiàn)冗余聲明(重復聲明),而var可以
var name; var name; // 可以 let age; let age; // SyntaxError;標識符age已經(jīng)聲明過了 const name = 'Matt'; const name = 'Nicholas'; // SyntaxError
區(qū)別7
變量滲透問題
// for循環(huán)中var定義的迭代變量會滲透到循環(huán)體外部
for (var i = 0; i < 5; ++i) {
// 循環(huán)邏輯
}
console.log(i); // 5// 改成使用let之后,這個問題就消失了,因為迭代變量的作用域僅限于for循環(huán)塊內(nèi)部
for (let i = 0; i < 5; ++i) {
// 循環(huán)邏輯
}
console.log(i); // ReferenceError: i沒有定義到此這篇關(guān)于淺談JS中var,let和const的區(qū)別的文章就介紹到這了,更多相關(guān)JS var,let,const,內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- javascript中的var、let、const最佳實踐
- js中var,let,const的區(qū)別及相關(guān)面試題講解
- JavaScript中var、let和const的用法及區(qū)別詳解
- javascript中定義變量const和var有什么區(qū)別詳解
- js中var、let、const之間的區(qū)別
- Js中var,let,const的區(qū)別你知道嗎
- JavaScript變量中var,let和const的區(qū)別
- javascript?變量聲明?var,let,const?的區(qū)別
- 面試官常問之說說js中var、let、const的區(qū)別
- JavaScript?ES6語法中l(wèi)et,const?,var?的區(qū)別
- javascript的var與let,const之間的區(qū)別詳解
- JavaScript中const和var的區(qū)別小結(jié)
相關(guān)文章
JavaScript中改變this指向的三種方式總結(jié)
this?指向的值是可以通過手動方式去改變的,比如call、bind、apply方法,本文主要為大家介紹了這三種方式的具體實現(xiàn)步驟,需要的可以參考下2023-12-12
JavaScript回調(diào)函數(shù)callback用法解析
這篇文章主要介紹了JavaScript回調(diào)函數(shù)callback用法解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-01-01
ES5 ES6中Array對象去除重復項的方法總結(jié)
這篇文章主要給大家介紹了Array對象去除重復項的相關(guān)資料,文中通過示例代碼詳細介紹了在ES5和ES6中Array對象去除重復項的方法,需要的朋友可以參考借鑒,下面來一起看看吧。2017-04-04
JS中判斷字符串中出現(xiàn)次數(shù)最多的字符及出現(xiàn)的次數(shù)的簡單實例
下面小編就為大家?guī)硪黄狫S中判斷字符串中出現(xiàn)次數(shù)最多的字符及出現(xiàn)的次數(shù)的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06

