JS中的作用域（瀏覽器解析JS的過程）

妤鋒シ發(fā)布于2019-08-21 14:17 / 2319人閱讀

摘要：一預(yù)解析找一些東西參數(shù)找要干活的東西變量在正式運行之前，都賦值為未定義函數(shù)在運行之前，取整個函數(shù)二逐行解讀表達(dá)式參數(shù)都可以賦值遇到重名的，只留下一個變量和函數(shù)重名，只留下函數(shù)函數(shù)調(diào)用函數(shù)是一個作用域，遇到作用域都會按照先進行預(yù)解析，然

一、預(yù)解析

找一些東西：var function 參數(shù)（找要干活的東西）
變量var 在正式運行之前，都賦值為未定義
function 函數(shù)在運行之前，取整個函數(shù)

二、逐行解讀

表達(dá)式=、+、-、*、/、++、--、！、%.....number()、參數(shù)都可以賦值
①遇到重名的，只留下一個
變量和函數(shù)重名，只留下函數(shù)
②函數(shù)調(diào)用（函數(shù)是一個作用域，遇到作用域都會按照先進行預(yù)解析，然后逐行解讀的過程執(zhí)行）
先局部找參數(shù)，局部找不到就向上一級找（作用域鏈）

例1：

解析過程：
1)預(yù)解析：

第9行：沒操作
第10行：a為未定義
第11行：沒操作
第12行：a為function a(){ alert(2);}
第13行：沒操作
第14行：a為function a(){ alert(2);}
第15行：沒操作
第16行：a為function a(){ alert(4);}
第17行：沒操作

2）逐行解讀：

第9行：彈出function a(){ alert(4);}
第10行：賦值操作 a=1;
第11行：彈出1
第12行：沒操作
第13行：彈出1
第14行：a=3
第15行：彈出3
第16行：沒操作
第17行：彈出3

例2：

執(zhí)行結(jié)果：未定義，1;

1）預(yù)解析

a未定義
函數(shù)

2）逐行解讀：

a=1;   
函數(shù)調(diào)用：1）預(yù)解析：遇到var 局部變量a為未定義
          2）逐行解讀：彈出未定義
                      局部a賦值為2  
彈出全局變量a，值為1

例3：

結(jié)果：1，2

例4：

結(jié)果：未定義，1

例5：

結(jié)果：1，1

GPU云服務(wù)器云服務(wù)器 js作用域和上下文 js的短信驗證過程 js中的乘法 js中的等號

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87852.html

相關(guān)文章

JS高級入門教程

摘要：解析首先簡稱是由歐洲計算機制造商協(xié)會制定的標(biāo)準(zhǔn)化腳本程序設(shè)計語言。級在年月份成為的提議，由核心與兩個模塊組成。通過引入統(tǒng)一方式載入和保存文檔和文檔驗證方法對進行進一步擴展。其中表示的標(biāo)記位正好是低三位都是。但提案被拒絕了。 JS高級入門教程目錄本文章定位及介紹 JavaScript與ECMAScript的關(guān)系 DOM的本質(zhì)及DOM級介紹 JS代碼特性基本類型與引用類型 JS的垃...

zsy888 2019-08-20 14:43 評論0 收藏0
You-Dont-Know-JS - 詞法作用域

摘要：原文原文原文詞法作用域作用域有兩種常見的模型，一種叫做詞法作用域，一種叫做動態(tài)作用域。其中詞法作用域更常見，被大多數(shù)語言采用，包括。值得注意的是，一個函數(shù)作用域只有可能存在于一個父級作用域中，不會同時存在兩個父級作用域。原文：原文1 | 原文2 Lexical Scope - 詞法作用域作用域有兩種常見的模型，一種叫做詞法作用域 Lexical Scope，一種叫做...

bang590 2019-08-21 10:25 評論0 收藏0
深入貫徹閉包思想，全面理解JS閉包形成過程

摘要：下面我們就羅列閉包的幾個常見問題，從回答問題的角度來理解和定義你們心中的閉包。函數(shù)可以通過作用域鏈相互關(guān)聯(lián)起來，函數(shù)內(nèi)部的變量可以保存在其他函數(shù)作用域內(nèi)，這種特性在計算機科學(xué)文獻中稱為閉包。寫這篇文章之前，我對閉包的概念及原理模糊不清，一直以來都是以通俗的外層函數(shù)包裹內(nèi)層....來欺騙自己。并沒有說這種說法的對與錯，我只是不想擁有從眾心理或者也可以說如果我們說出更好更低層的東西，逼格...

snowell 2019-08-20 17:27 評論0 收藏0
瀏覽器如何解析html、css、js

摘要：全局變量局部變量全局函數(shù)一段也是一塊域。此時打印的自然是，要記住相當(dāng)于，所以這時候改變的是局部變量，并沒有影響到全局變量，所以第二次打印的依然是。在熟悉了瀏覽器的工作原理之后，今天我們來講講瀏覽器在從服務(wù)器獲取到網(wǎng)頁文件之后是如何解析的。了解了這個基礎(chǔ)知識，對敲出來的代碼，質(zhì)量會有不小的提升。一、瀏覽器如何解析html html文件在沒有寫入html標(biāo)簽之前和txt文本是一個性質(zhì)的...

Awbeci 2019-08-02 16:03 評論0 收藏0
瀏覽器如何解析html、css、js

摘要：全局變量局部變量全局函數(shù)一段也是一塊域。此時打印的自然是，要記住相當(dāng)于，所以這時候改變的是局部變量，并沒有影響到全局變量，所以第二次打印的依然是。在熟悉了瀏覽器的工作原理之后，今天我們來講講瀏覽器在從服務(wù)器獲取到網(wǎng)頁文件之后是如何解析的。了解了這個基礎(chǔ)知識，對敲出來的代碼，質(zhì)量會有不小的提升。一、瀏覽器如何解析html html文件在沒有寫入html標(biāo)簽之前和txt文本是一個性質(zhì)的...

Panda 2019-08-29 16:36 評論0 收藏0