JS中var let聲明范圍區(qū)別詳解

更新時間：2023年07月13日 09:01:49 作者：土豆

這篇文章主要為大家介紹了JS中var let聲明范圍區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

var聲明提升

console.log(name)  //土豆
var name = '土豆';

使用var聲明的變量會自動提升到函數(shù)作用域的頂部

function foo(){
    console.log(name);
    var name = "土豆";
}
foo()  //undefined
//等價于
function foo(){
    var name;
    console.log(name);
    name = "土豆";
}
foo(); //undefined

console.log(name)  //ReferenceError name沒有被定義
let name ="土豆";

而使用let定義的name不會被提升，報出ReferenceError的錯誤；

var可以重復聲明同一個變量

var name = "番茄";
var name = "西瓜";
var name = "土豆";
console.log(name);//土豆

而使用let重復聲明同一個變量會報錯。

var name = "土豆";
let name = "土豆";
console.log(name);//'name' has already been declared

let name = "土豆";
var name = "土豆";
console.log(name);//Cannot redeclare block-scoped variable 'name'.

var全局聲明

var name = "土豆";
console.log(window.name);//土豆
let age = "24";
console.log(window.age);  //undefined

使用var定義的變量會被掛載到window上，成為window對象的屬性，而使用let不會。

作用域

if(true){
    var name = "土豆";
    console.log(name);
}
console.log(name);
//土豆
//土豆
if(true){
    let age = 24;
    console.log(age);
}
console.log(age);
//24
//undefined

使用var聲明的范圍是函數(shù)作用域，使用let聲明的范圍是塊作用域。

以上就是JS中var let聲明范圍區(qū)別詳解的詳細內(nèi)容，更多關于JS var let聲明范圍區(qū)別的資料請關注腳本之家其它相關文章！

您可能感興趣的文章:

js裁剪(分隔)字符串的三種常用方法
在開發(fā)中我們經(jīng)常會遇到對于字符串的部分取舍問題，本文主要介紹了js裁剪(分隔)字符串的三種常用方法，今天我們來看看3中常用的方法來解決這個問題，感興趣的可以一起了解一下
2022-02-02
JS 中 reduce()方法使用小結(jié)
reduce是一個對數(shù)組累積操作的方法,使用時要加上 return 返回累積操作的數(shù)據(jù),這樣 prev 才能獲取上一次執(zhí)行的結(jié)果,否則是 undefined,這篇文章主要介紹了JS 中 reduce()方法及使用詳解,需要的朋友可以參考下
2023-12-12
xml 與javascript結(jié)合的問題解決方法
xml 與javascript結(jié)合的問題解決方法...
2007-03-03
微信小程序?qū)崿F(xiàn)搜索關鍵詞高亮的示例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)搜索關鍵詞高亮的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-03-03
js實現(xiàn)html table 行,列鎖定的簡單實例
下面小編就為大家?guī)硪黄猨s實現(xiàn)html table 行,列鎖定的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
對于防止按鈕重復點擊的嘗試詳解
這篇文章主要介紹了對于防止按鈕重復點擊的嘗試，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-04-04
js實現(xiàn)倒計時關鍵代碼
這篇文章主要為大家詳細介紹了js實現(xiàn)倒計時的關鍵代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
前端如何利用JS實現(xiàn)自定義表格滾動效果實例
在數(shù)據(jù)可視化大屏中,滾動表格是一種常見的需求,本文介紹了如何利用scrollTop屬性和定時器來制作滾動效果,不依賴于任何插件,可以實現(xiàn)自定義的滾動表格,文中通過代碼介紹是非常詳細,需要的朋友可以參考下
2024-09-09
JavaScript中string對象
和JAVA中String對象用處一樣啊，javascript中的String對象也有自己的方法，和JAVA中的類似。
2015-06-06
javascript模擬地球旋轉(zhuǎn)效果代碼實例
javascript模擬地球旋轉(zhuǎn)效果，把一下代碼保存到HTML文件，打開就可以看到一個旋轉(zhuǎn)的地球。請使用Chrome、Opera或者火狐瀏覽器查看，IE8不支持
2013-12-12