JS中var let聲明范圍區(qū)別詳解
更新時(shí)間：2023年07月13日 09:01:49 作者：土豆
這篇文章主要為大家介紹了JS中var let聲明范圍區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
var聲明提升
console.log(name) //土豆 var name = '土豆';
使用var聲明的變量會(huì)自動(dòng)提升到函數(shù)作用域的頂部
function foo(){
console.log(name);
var name = "土豆";
}
foo() //undefined
//等價(jià)于
function foo(){
var name;
console.log(name);
name = "土豆";
}
foo(); //undefinedconsole.log(name) //ReferenceError name沒有被定義 let name ="土豆";
而使用let定義的name不會(huì)被提升，報(bào)出ReferenceError的錯(cuò)誤；
var可以重復(fù)聲明同一個(gè)變量
var name = "番茄"; var name = "西瓜"; var name = "土豆"; console.log(name);//土豆
而使用let重復(fù)聲明同一個(gè)變量會(huì)報(bào)錯(cuò)。
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定義的變量會(huì)被掛載到window上，成為window對(duì)象的屬性，而使用let不會(huì)。
作用域
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ū)別詳解的詳細(xì)內(nèi)容，更多關(guān)于JS var let聲明范圍區(qū)別的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
在開發(fā)中我們經(jīng)常會(huì)遇到對(duì)于字符串的部分取舍問題，本文主要介紹了js裁剪(分隔)字符串的三種常用方法，今天我們來看看3中常用的方法來解決這個(gè)問題，感興趣的可以一起了解一下2022-02-02
reduce是一個(gè)對(duì)數(shù)組累積操作的方法,使用時(shí)要加上 return 返回累積操作的數(shù)據(jù),這樣 prev 才能獲取上一次執(zhí)行的結(jié)果,否則是 undefined,這篇文章主要介紹了JS 中 reduce()方法及使用詳解,需要的朋友可以參考下2023-12-12
xml 與javascript結(jié)合的問題解決方法...2007-03-03
微信小程序?qū)崿F(xiàn)搜索關(guān)鍵詞高亮的示例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)搜索關(guān)鍵詞高亮的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
js實(shí)現(xiàn)html table 行,列鎖定的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)html table 行,列鎖定的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
對(duì)于防止按鈕重復(fù)點(diǎn)擊的嘗試詳解
這篇文章主要介紹了對(duì)于防止按鈕重復(fù)點(diǎn)擊的嘗試，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
js實(shí)現(xiàn)倒計(jì)時(shí)關(guān)鍵代碼
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)倒計(jì)時(shí)的關(guān)鍵代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
前端如何利用JS實(shí)現(xiàn)自定義表格滾動(dòng)效果實(shí)例
在數(shù)據(jù)可視化大屏中,滾動(dòng)表格是一種常見的需求,本文介紹了如何利用scrollTop屬性和定時(shí)器來制作滾動(dòng)效果,不依賴于任何插件,可以實(shí)現(xiàn)自定義的滾動(dòng)表格,文中通過代碼介紹是非常詳細(xì),需要的朋友可以參考下2024-09-09
和JAVA中String對(duì)象用處一樣啊，javascript中的String對(duì)象也有自己的方法，和JAVA中的類似。2015-06-06
javascript模擬地球旋轉(zhuǎn)效果代碼實(shí)例
javascript模擬地球旋轉(zhuǎn)效果，把一下代碼保存到HTML文件，打開就可以看到一個(gè)旋轉(zhuǎn)的地球。請(qǐng)使用Chrome、Opera或者火狐瀏覽器查看，IE8不支持2013-12-12