13518219792
這篇文章給大家分享的是有關瀏覽器解析JavaScript的方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)公司是專業(yè)的東洲網(wǎng)站建設公司，東洲接單;提供成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行東洲網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
瀏覽器解析JavaScript原理特點:
1、跨平臺
2、弱類型 javascript 定義的時候不需要定義數(shù)據(jù)類型,數(shù)據(jù)類型是根據(jù)變量值來確定的.
var a = 10; //數(shù)字類型 var a = true //boolean類型
( 強類型: 定義變量的時候需要定義變量的類型:例如java,C#中的int a = 10 boolean a = true,直接確定了數(shù)據(jù)類型)
3、解釋執(zhí)行,逐行執(zhí)行
javascript 執(zhí)行過程
1、語法檢測
就是看你有沒有基本的語法錯誤,例如中文,關鍵字錯誤...
2、詞法分析(預編譯)
3、逐行執(zhí)行
詞法分析
預編譯的過程（兩種情況）
1、全局(直接是script標簽中的代碼,不包括函數(shù)執(zhí)行)
以下面demo為例：
console.log(a); console.log(b)
var a = 100;
console.log(a) var b = 200 var c = 300 function a(){
} function fun(){
}執(zhí)行前:
1)、 首先生成一個GO(global object)對象,看不到,但是可以模擬出來用來分析
GO = { //自帶的屬性都不寫
}2) 、分析變量聲明,變量名為屬性名,值為undefined
GO = {
a : undefined,
b : undefined,
c : undefined
}3）、分析函數(shù)聲明,函數(shù)名為屬性名,值為函數(shù)體，如果函數(shù)名和變量名相同，則無情覆蓋
GO = {
a : function a(){
},
b : undefined,
c : undefined,
fun : function fun(){
}
}此時,GO就是預編譯完成的最終對象,詞法分析結(jié)束。
4）、 逐行執(zhí)行，分析過（變量聲明，函數(shù)聲明）不用管了，只管賦值（變量賦值）
a賦了一次值,值改變?yōu)?00
GO = {
a : 100,
b : undefined,
c : undefined,
fun : function fun(){
}
}2、局部（ 函數(shù)執(zhí)行的時候）
以這個demo為例：
num = 100510)
1）、預編譯的時候
GO = {
num : undefined,
fun : function
}2）、執(zhí)行過程
GO = {
num : 100,
fun : function
}3）、函數(shù)調(diào)用,也是會生成自己的作用域(AO:active object),AO活動對象. 函數(shù)調(diào)用時候,執(zhí)行前的一瞬間產(chǎn)生的,如果有多個函數(shù)的調(diào)用,會產(chǎn)生多個AO
ⅰ、函數(shù)執(zhí)行前的一瞬間，生成AO活動對象
fun.AO = {
}ⅱ、 分析參數(shù),形參作為對象的屬性名,實參作為對象的屬性值
fun.AO = {
num : 5
}ⅲ、分析變量聲明,變量名為屬性名,值為undefined,如果遇到AO對象上屬性同名,不去做任何改變
fun.AO = {
num : 5
}ⅳ、分析函數(shù)聲明,函數(shù)名為屬性名,值為函數(shù)體，如果遇到AO對象上屬性同名，則無情覆蓋（在這里沒有函數(shù)聲明，跳過）
4）逐行執(zhí)行
實例：
在這里我們看幾個實例：
實例1：
實例2：
感謝各位的閱讀！關于瀏覽器解析JavaScript的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
