一個(gè)挺有意思的Javascript小問(wèn)題說(shuō)明
更新時(shí)間：2011年09月26日 22:11:58 作者：
目前為止,就我的猜測(cè),javascript執(zhí)行應(yīng)該是先做語(yǔ)法分析,然后順便分析完成了變量表(本地和全局)
先來(lái)看以下3段代碼
var firstName = "Mark";
(function DisplayFirstName() {
console.log(firstName);
})();//必然輸出 Mark
var lastName = "Aut";
(function DisplayLastName() {
var lastName = "Bru";
console.log(lastName);
})();//必然輸出 Bru, 本地作用域的優(yōu)先級(jí)高于全局作用域
//那么下面這段代碼呢?
var lastName = "Aut";
(function DisplayLastName() {
console.log(lastName);
var lastName = "Bru";
console.log(lastName);
})();//誰(shuí)能猜出結(jié)果是什么?
這個(gè)輸出的結(jié)果是:
LOG: undefined
LOG: Bru
這出乎了我的意料, 我原來(lái)以為應(yīng)該是 "Aut" 和 "Bru"的
我原來(lái)的理解是: 在程序第一個(gè)輸出lastName的時(shí)候, 程序沒(méi)有找到本地聲明的lastName變量,所以使用了全局的lastName定義, 第二次的時(shí)候才使用本地變量的值
(因?yàn)樵谖业母拍罾?javascript是解釋型語(yǔ)言,一句一句的......執(zhí)行)
看到這個(gè)結(jié)果,看來(lái)javascript的執(zhí)行并不都是順序的..
目前為止,就我的猜測(cè),javascript執(zhí)行應(yīng)該是先做語(yǔ)法分析,然后順便分析完成了變量表(本地和全局)
然后才開(kāi)始順序執(zhí)行一行行腳本
還請(qǐng)各位javascript高手解惑
復(fù)制代碼 代碼如下:
var firstName = "Mark";
(function DisplayFirstName() {
console.log(firstName);
})();//必然輸出 Mark
var lastName = "Aut";
(function DisplayLastName() {
var lastName = "Bru";
console.log(lastName);
})();//必然輸出 Bru, 本地作用域的優(yōu)先級(jí)高于全局作用域
//那么下面這段代碼呢?
var lastName = "Aut";
(function DisplayLastName() {
console.log(lastName);
var lastName = "Bru";
console.log(lastName);
})();//誰(shuí)能猜出結(jié)果是什么?
這個(gè)輸出的結(jié)果是:
LOG: undefined
LOG: Bru
這出乎了我的意料, 我原來(lái)以為應(yīng)該是 "Aut" 和 "Bru"的
我原來(lái)的理解是: 在程序第一個(gè)輸出lastName的時(shí)候, 程序沒(méi)有找到本地聲明的lastName變量,所以使用了全局的lastName定義, 第二次的時(shí)候才使用本地變量的值
(因?yàn)樵谖业母拍罾?javascript是解釋型語(yǔ)言,一句一句的......執(zhí)行)
看到這個(gè)結(jié)果,看來(lái)javascript的執(zhí)行并不都是順序的..
目前為止,就我的猜測(cè),javascript執(zhí)行應(yīng)該是先做語(yǔ)法分析,然后順便分析完成了變量表(本地和全局)
然后才開(kāi)始順序執(zhí)行一行行腳本
還請(qǐng)各位javascript高手解惑
相關(guān)文章
JS實(shí)現(xiàn)支持Ajax驗(yàn)證的表單插件
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)支持Ajax驗(yàn)證的表單插件，感興趣的小伙伴們可以參考一下2016-03-03
Javascript實(shí)現(xiàn)Web顏色值轉(zhuǎn)換
這篇文章主要介紹了Javascript實(shí)現(xiàn)Web顏色值轉(zhuǎn)換,需要的朋友可以參考下2015-02-02
深入分析javascript中的錯(cuò)誤處理機(jī)制
這篇文章主要介紹了深入分析javascript中的錯(cuò)誤處理機(jī)制的相關(guān)資料,需要的朋友可以參考下2016-07-07
Javascript 生成無(wú)限下拉列表實(shí)現(xiàn)代碼
js生成無(wú)線下拉列表的實(shí)現(xiàn)代碼。2009-03-03
原生JavaScript實(shí)現(xiàn)todolist功能
本篇文章給大家介紹了通過(guò)原生JavaScript實(shí)現(xiàn)todolist功能相關(guān)知識(shí)點(diǎn)，對(duì)此有需要的朋友可以學(xué)習(xí)下。2018-03-03
本文主要介紹了SVG描邊動(dòng)畫的相關(guān)實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
JS Array.slice 截取數(shù)組的實(shí)現(xiàn)方法
這篇文章主要介紹了JS Array.slice 截取數(shù)組的實(shí)現(xiàn)方法,因?yàn)槲覀冃枰刂埔幌麻L(zhǎng)度，需要的朋友可以參考下2016-01-01
JS實(shí)現(xiàn)文字鏈接感應(yīng)鼠標(biāo)淡入淡出改變顏色的方法
這篇文章主要介紹了JS實(shí)現(xiàn)文字鏈接感應(yīng)鼠標(biāo)淡入淡出改變顏色的方法,實(shí)例分析了javascript操作鼠標(biāo)事件及css樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
JavaScript數(shù)組reduce()方法的語(yǔ)法與實(shí)例解析
js函數(shù)中有三個(gè)在特定場(chǎng)合很好用的函數(shù):reduce(),map(),filter(),這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組reduce()方法的相關(guān)資料,需要的朋友可以參考下2021-07-07
js實(shí)現(xiàn)卡片式項(xiàng)目管理界面UI設(shè)計(jì)效果
這篇文章主要介紹了js實(shí)現(xiàn)卡片式項(xiàng)目管理界面UI設(shè)計(jì)效果，該UI設(shè)計(jì)中，將各個(gè)項(xiàng)目以卡片的方式堆疊排列在屏幕上，當(dāng)點(diǎn)擊了其中的某個(gè)項(xiàng)目的時(shí)候，該項(xiàng)目圖片會(huì)全屏放大，向下滾動(dòng)鼠標(biāo)可以看到該項(xiàng)目的介紹信息，需要的朋友可以參考下2015-12-12