封面
知識點
-
var聲明的變量在預(yù)解析的時候只執(zhí)行聲明晚碾，不會執(zhí)行定義掌挚，默認值是undefined姚炕。 -
function聲明的函數(shù)在預(yù)解析的時候會提前聲明并且會同時定義掂器。 - 變量名重復(fù)聲明無效
- 預(yù)解析過得代碼不會再執(zhí)行階段執(zhí)行
示例一
console.log(a); // 打印函數(shù)a函數(shù)體（function a() { console.log('a') }）
var a = 10;
console.log(a); // 10
function a() { console.log('a') }
console.log(a); // 10
預(yù)解析過程
- 首先預(yù)解析到有變量
a存在亚皂，因此記錄下a這個名字，和其值undefined - 接著預(yù)解析到有函數(shù)
a聲明唉匾，記錄下函數(shù)名a - 但是發(fā)現(xiàn)已經(jīng)記錄了一個
a孕讳，因此該操作無效，將函數(shù)體與a這個名字相關(guān)聯(lián) - 解析完畢
預(yù)解析過程代碼
a = undefineda = function () { console.log('a') }
預(yù)解析結(jié)果
a = function () { console.log('a') }
執(zhí)行過程
- 打印變量
a的值function a() { console.log('a') } - 變量
a賦值為10巍膘，將原來關(guān)聯(lián)的函數(shù)覆蓋 - 打印變量
a的值10 - 打印變量
a的值10 - 執(zhí)行完畢
執(zhí)行過程代碼
console.log(a)a = 10console.log(a)console.log(a)
示例二
console.log(fn) // 函數(shù)fn函數(shù)體（function fn() { console.log(2) }）
function fn() { console.log(1) }
console.log(fn) // 函數(shù)fn函數(shù)體（function fn() { console.log(2) }）
var fn = 10
console.log(fn) // 10
function fn() { console.log(2) }
console.log(fn) // 10
預(yù)解析過程
- 首先預(yù)解析到有函數(shù)
fn聲明厂财，因此記錄fn這個名字，并關(guān)聯(lián)其函數(shù)體 - 接著預(yù)解析到變量
fn聲明峡懈，記錄下變量名fn - 但是發(fā)現(xiàn)已經(jīng)記錄了一個
fn璃饱，因此該操作無效 - 接著預(yù)解析到有函數(shù)
fn聲明，因此記錄fn這個名字 - 但是發(fā)現(xiàn)已經(jīng)記錄了一個
fn肪康，因此該操作無效荚恶，接著關(guān)聯(lián)其函數(shù)體 - 解析完畢
預(yù)解析過程代碼
fn = function () { console.log(1) }fn = function () { console.log(2) }
預(yù)解析結(jié)果
fn = function () { console.log(2) }
執(zhí)行過程
- 打印變量
fn的值function fn() { console.log(2) } - 打印變量
fn的值function fn() { console.log(2) } - 變量
fn賦值為10撩穿，將原來關(guān)聯(lián)的函數(shù)覆蓋 - 打印變量
fn的值10 - 打印變量
fn的值10 - 執(zhí)行完畢
執(zhí)行過程代碼
console.log(fn)console.log(fn)fn = 10console.log(fn)console.log(fn)
