欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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(); //undefined
console.log(name)  //ReferenceError name沒(méi)有被定義
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)文章

  • js裁剪(分隔)字符串的三種常用方法

    js裁剪(分隔)字符串的三種常用方法

    在開(kāi)發(fā)中我們經(jīng)常會(huì)遇到對(duì)于字符串的部分取舍問(wèn)題，本文主要介紹了js裁剪(分隔)字符串的三種常用方法，今天我們來(lái)看看3中常用的方法來(lái)解決這個(gè)問(wèn)題，感興趣的可以一起了解一下
    2022-02-02
  • JS 中 reduce()方法使用小結(jié)

    JS 中 reduce()方法使用小結(jié)

    reduce是一個(gè)對(duì)數(shù)組累積操作的方法,使用時(shí)要加上 return 返回累積操作的數(shù)據(jù),這樣 prev 才能獲取上一次執(zhí)行的結(jié)果,否則是 undefined,這篇文章主要介紹了JS 中 reduce()方法及使用詳解,需要的朋友可以參考下
    2023-12-12
  • xml 與javascript結(jié)合的問(wèn)題解決方法

    xml 與javascript結(jié)合的問(wèn)題解決方法

    xml 與javascript結(jié)合的問(wèn)題解決方法...
    2007-03-03
  • 微信小程序?qū)崿F(xiàn)搜索關(guān)鍵詞高亮的示例代碼

    微信小程序?qū)崿F(xiàn)搜索關(guān)鍵詞高亮的示例代碼

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)搜索關(guān)鍵詞高亮的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • js實(shí)現(xiàn)html table 行,列鎖定的簡(jiǎn)單實(shí)例

    js實(shí)現(xiàn)html table 行,列鎖定的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)html table 行,列鎖定的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-10-10
  • 對(duì)于防止按鈕重復(fù)點(diǎn)擊的嘗試詳解

    對(duì)于防止按鈕重復(fù)點(diǎn)擊的嘗試詳解

    這篇文章主要介紹了對(duì)于防止按鈕重復(fù)點(diǎn)擊的嘗試，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • js實(shí)現(xiàn)倒計(jì)時(shí)關(guān)鍵代碼

    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í)例

    前端如何利用JS實(shí)現(xiàn)自定義表格滾動(dòng)效果實(shí)例

    在數(shù)據(jù)可視化大屏中,滾動(dòng)表格是一種常見(jiàn)的需求,本文介紹了如何利用scrollTop屬性和定時(shí)器來(lái)制作滾動(dòng)效果,不依賴于任何插件,可以實(shí)現(xiàn)自定義的滾動(dòng)表格,文中通過(guò)代碼介紹是非常詳細(xì),需要的朋友可以參考下
    2024-09-09
  • JavaScript中string對(duì)象

    JavaScript中string對(duì)象

    和JAVA中String對(duì)象用處一樣啊，javascript中的String對(duì)象也有自己的方法，和JAVA中的類似。
    2015-06-06
  • javascript模擬地球旋轉(zhuǎn)效果代碼實(shí)例

    javascript模擬地球旋轉(zhuǎn)效果代碼實(shí)例

    javascript模擬地球旋轉(zhuǎn)效果，把一下代碼保存到HTML文件，打開(kāi)就可以看到一個(gè)旋轉(zhuǎn)的地球。請(qǐng)使用Chrome、Opera或者火狐瀏覽器查看，IE8不支持
    2013-12-12

最新評(píng)論