公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

JavaScript 中的作用域、預(yù)解析以及變量提升

2021-8-20    前端達人



JavaScript 中的作用域、預(yù)解析以及變量提升

作用域:變量的作用范圍

局部作用域:函數(shù)內(nèi)部



在局部作用域聲明的變量稱為局部變量,局部變量只能在當(dāng)前函數(shù)內(nèi)部使用



1)函數(shù)在執(zhí)行的時候會在內(nèi)存中開辟新空間



2)當(dāng)執(zhí)行完畢函數(shù)之后,會關(guān)閉作用域空間(變量被銷毀)



注意:形參也是局部變量



function fn() {

    let b = 5

  // 局部訪問 變量 b 

    console.log(b) // 5

}

fn()

// 全局訪問 變量 b

console.log(b) // 訪問不存在的變量,報錯

1

2

3

4

5

6

7

8

在控制臺打印得到如下結(jié)果







全局作用域:函數(shù)外部



1)在全局作用域聲明的變量是全局變量,全局變量可以在任何地方使用



2)因為全局變量可以任何地方使用,所以要特別關(guān)注局部變量



let a = 2

function fn() {

    // 局部訪問 變量 a

    console.log(a) // 2

}

fn()

// 全局訪問 變量 a

console.log(a) // 2

1

2

3

4

5

6

7

8

在控制臺打印得到如下結(jié)果







函數(shù)內(nèi)部之所以能夠訪問到變量 a ,是因為有一個作用鏈,函數(shù)內(nèi)部訪問一個變量會先在自己的作用域內(nèi)找,找不到會向上級作用域找,找不到就會報錯



例如 如下代碼



(找不到報錯的情況)



function fn() {

    function fn1() {

        function fn2() {

            // 局部訪問 變量 a

    console.log(a) // 2

        }

        fn2()

    }

    fn1()

}

fn()

1

2

3

4

5

6

7

8

9

10

11

控制臺打印







(全局變量局部訪問的情況)



let a = 'hello javascript'

function fn() {

    function fn1() {

        function fn2() {

            // 局部訪問 變量 a

    console.log(a) // hello javascript

        }

        fn2()

    }

    fn1()

}

fn()

1

2

3

4

5

6

7

8

9

10

11

12

控制臺打印







塊級作用域:類似局部作用域



1)用 {} 包裹一塊



2)let聲明變量具有塊級作用域,var聲明變量不具有塊級作用域



例如



(以字面量對象為例)



let obj = {

    uname: '法外狂徒-張三',

    age: 68

}

1

2

3

4

想要訪問這個對象里面的屬性必須通過 obj.屬性,而不能直接訪問



預(yù)解析

預(yù)解析:在代碼執(zhí)行之前把變量和函數(shù)會提前解析到當(dāng)前作用域的最前面



任何作用域在執(zhí)行之前都要預(yù)解析 (函數(shù)優(yōu)于變量)



變量:帶有聲明的變量,只定義不賦值



1)變量在聲明之前被訪問,變量的值為 undefined



函數(shù):帶有名字的函數(shù),只定義不調(diào)用



1)函數(shù)優(yōu)于變量



console.log(a) // undefined

fn() // hello javascript



function fn() {

    console.log('hello javascript')

}

var a = 2

1

2

3

4

5

6

7

代碼是自上而下執(zhí)行,但是在代碼執(zhí)行前會先進行代碼的預(yù)解析,把變量以及函數(shù) 聲明 提升到當(dāng)前作用域的最前面,如上代碼,console.log(a) 會打印 undefined



但是,注意?。?!注意?。?!



變量必須是 var 聲明的才可以,如果是 let 聲明的變量會報錯



圖 (var 聲明的 a)







圖 (let 聲明的 a)







變量提升

預(yù)解析會引起變量的提升



變量不聲明就輸出會報錯



console.log(a) // 報錯

1

控制臺打印







用 var 聲明



console.log(a) // undefined



var a = 'hello javascript'

1

2

3

控制臺打印 undefined ,我們知道變量定義不賦值會輸出 undefined,說明變量已經(jīng)存在并且提升了,但是只提升了聲明沒有提升賦值,所以打印 undefined ,如果沒有提升的話,就會像上面一樣在執(zhí)行 console.log(a) 的時候直接報錯



結(jié)論:var 存在變量提升



用 let 聲明



console.log(a) // 報錯



let a = 'hello javascript'

1

2

3

結(jié)論:let 不存在變量提升



補充:

申明變量:let \ var \ const



1)let 聲明的變量不在window內(nèi)



2)var 聲明的變量相當(dāng)于給window添加了個屬性,let不會



3)var 聲明的變量不具有塊級作用域,let具有塊級作用域



4)var 可以重復(fù)聲明,let只能聲明一次



5)const 用來定義常量,不可以改值



6)const 定義的常量必須初始化有值,let可以不設(shè)置值



建議:常量名字因為是不可以改動的值,所以常量名建議用大寫,一般用于定義固定不變的值




藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

文章來源:csdn

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://tweetduck.com

存檔

辽宁省| 嘉定区| 金溪县| 吉木萨尔县| 松江区| 铁力市| 车险| 富顺县| 石城县| 柳河县| 宜阳县| 河曲县| 尖扎县| 红安县| 天台县| 台湾省| 化州市| 临汾市| 彝良县| 浦城县| 柯坪县| 定南县| 中宁县| 山东省| 额敏县| 东至县| 黔西县| 兴安盟| 长沙市| 渭南市| 惠州市| 石楼县| 新绛县| 井冈山市| 任丘市| 福建省| 上林县| 永仁县| 融水| 河津市| 青岛市|