自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

JavaScript 預(yù)解析的原理及實(shí)現(xiàn)

開發(fā) 前端
JavaScript是解釋型語言是毋庸置疑的,但它是不是僅在運(yùn)行時(shí)自上往下一句一句地解析的呢?

事實(shí)上或某種現(xiàn)象證明并不是這樣的,通過《JavaScript權(quán)威指南》及網(wǎng)上相關(guān)資料了解到,JavaScript有“預(yù)解析”行為。理解這一特性是很重要的,不然在實(shí)際開發(fā)中你可能會遇到很多無從解析的問題,甚至導(dǎo)致程序bug的存在。為了解析這一現(xiàn)象,也作為自己的一次學(xué)習(xí)總結(jié),本文逐步引導(dǎo)你來認(rèn)識JavaScript“預(yù)解析”,如果我的見解有誤,還望指正。

JavaScript 預(yù)解析的原理及實(shí)現(xiàn)

(1) 如果JavaScript僅是運(yùn)行時(shí)自上往下逐句解析的,下面的代碼能正確運(yùn)行是可以理解的,因?yàn)槲覀兿榷x函數(shù),然后才調(diào)用它。

  1. function showMsg { alert('This is message'); } showMsg; // This is message 

(2) 我們也知道函數(shù)可以定義在調(diào)用代碼之后,如下代碼也是能正常工作的??雌饋碚{(diào)用showMsg的時(shí)候showMsg還是沒有定義的,但能正常工作,則表明JavaScript是“預(yù)解析”的。

  1. showMsg; // This is message function showMsg { alert('This is message'); } 

(3) 上面是函數(shù)的例子,下面再來一個(gè)普通變量的例子。以下例子運(yùn)行將會彈出undefined,表明***句的msg已經(jīng)是定義了,只是沒有初始化,它與var msg; alert(msg);是一樣的。如果你把下面第二句注釋掉,則會報(bào)“msg未定義”錯(cuò)誤。這亦表明JavaScript是“預(yù)解析”的。

  1. alert(msg); //undefined var msg='This is message'; 

(4) 再來看一個(gè)例子,加深對JavaScript“預(yù)解析”印象。以下代碼你將看到兩次彈出的對話框都是顯示This is message 2,為什么會這樣呢?其實(shí)下面一前一后定義了兩個(gè)同名函數(shù),后面的showMsg覆蓋了前面定義的(在JavaScript中,同名變量一樣會存在覆蓋問題),等于***個(gè)showMsg報(bào)廢了。為什么第二次調(diào)用的showMsg不是調(diào)用它上面定義的那個(gè)message 1函數(shù)呢?這再次證明JavaScript有“預(yù)解析”行為。

  1. showMsg; // This is message 2 function showMsg { alert('This is message 1'); } showMsg; // This is message 2 function showMsg { alert('This is message 2'); } 

(5) JavaScript“預(yù)解析”是把變量或函數(shù)預(yù)解析到它們能調(diào)用的環(huán)境(變量運(yùn)行時(shí)環(huán)境)中。如下代碼看起來alert(msg)之前有看到msg的定義,但是程序運(yùn)行還是報(bào)“msg未定義”錯(cuò)誤,這是因?yàn)楹瘮?shù)里定義的變量是函數(shù)的私有變量,外面不能直接調(diào)用,這表明JavaScript“預(yù)解析”并不是把所有定義的變量統(tǒng)一解析到一個(gè)全局對象中,比如window。

  1. function showMsg { var msg='This is message'; } alert(msg); // msg未定義 

(6) JavaScript“預(yù)解析”是分段進(jìn)行的,準(zhǔn)確說是分

以上就是JavaScript 預(yù)解析的原理及實(shí)現(xiàn),希望對你有幫助。

責(zé)任編輯:王雪燕 來源: JavaScript/預(yù)解析/原理及實(shí)現(xiàn)
相關(guān)推薦

2019-12-06 10:59:20

JavaScript運(yùn)行引擎

2022-03-17 08:55:43

本地線程變量共享全局變量

2020-07-10 09:04:55

HTTPS瀏覽器網(wǎng)絡(luò)協(xié)議

2018-08-07 16:17:35

JavaMySQL數(shù)據(jù)庫

2020-01-13 10:45:35

JavaScript解析前端

2020-11-12 07:32:53

JavaScript

2012-06-29 13:54:11

Java內(nèi)存原型

2012-09-21 09:45:59

2019-09-30 08:28:53

Delta LakeSpark數(shù)據(jù)原理

2023-11-16 09:01:37

Hadoop數(shù)據(jù)庫

2016-10-21 11:04:07

JavaScript異步編程原理解析

2025-04-29 10:43:57

開發(fā)代碼JavaScript

2020-02-12 16:58:15

JavaScript前端技術(shù)

2017-02-06 19:26:15

iOSCFArray開源

2017-03-02 10:49:37

推薦算法原理實(shí)現(xiàn)

2009-12-07 19:48:10

PHP單元素設(shè)計(jì)模式

2010-09-08 13:47:34

2015-12-02 14:10:56

HTTP網(wǎng)絡(luò)協(xié)議代理原理

2015-12-02 15:29:32

HTTP網(wǎng)絡(luò)協(xié)議代理原理

2021-06-10 08:29:15

Rollup工具前端
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號