淺析JavaScript中的同名標(biāo)識(shí)符優(yōu)先級(jí)
更新時(shí)間：2013年12月06日 09:10:11 作者：
這篇文章主要介紹了JavaScript中的同名標(biāo)識(shí)符優(yōu)先級(jí)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
一，局部變量先使用后聲明，不影響外部同名變量
復(fù)制代碼 代碼如下:
var x = 1; // --> 外部變量x
function fn(){
alert(x); // --> undefined 局部變量x先使用
var x = 2; // 后聲明且賦值
}
fn();
alert(x); // --> 1<BR>
第一點(diǎn)，函數(shù)fn內(nèi)第一句輸出x，x是在第二句才定義的。這在JS中是允許的，這里的允許是指不會(huì)出現(xiàn)語(yǔ)法錯(cuò)誤程序可以運(yùn)行。
但在其它語(yǔ)言如C，Java中卻是不允許的。變量必須先聲明后使用，如
復(fù)制代碼 代碼如下:
public class Test {
public static void main(String[] args) {
System.out.println(x); // 先使用
int x = 10; // 后聲明
}
}
Java中編譯器會(huì)提示錯(cuò)誤，程序無(wú)法運(yùn)行。
第二點(diǎn)，函數(shù)fn內(nèi)的局部變量x不會(huì)影響到外部的變量x。即fn內(nèi)alert輸出不是1，而是undefined。
二，形參優(yōu)先級(jí)高于函數(shù)名
復(fù)制代碼 代碼如下:
function fn(fn){
alert(fn);
}
fn('hello'); // --> "hello"
可以看到函數(shù)名和形參同名都是fn，輸出的是字符串"hello"，卻不是函數(shù)fn的函數(shù)體(fn.toString())。
三，形參優(yōu)先級(jí)高于arguments
復(fù)制代碼 代碼如下:
function fn(arguments){
alert(arguments);
}
fn('hello'); // --> "hello"<BR>
arguments對(duì)象可以直接在函數(shù)內(nèi)使用，是語(yǔ)言本身提供的一個(gè) 特殊標(biāo)識(shí)符 。
這里剛好將形參聲明成與其同名。輸出可以看到是"hello"而非"[object Object]"，即形參arguments覆蓋了語(yǔ)言本身提供的真正的arguments。
四，形參優(yōu)先級(jí)高于只聲明卻未賦值的局部變量
復(fù)制代碼 代碼如下:
function fn(a){
var a;
alert(a);
}
fn('hello'); // --> "hello"
函數(shù)fn形參為a，函數(shù)內(nèi)第一句僅聲明局部變量a，卻并未賦值。從輸出結(jié)果是"hello"而非undefined可以看出形參a優(yōu)先級(jí)高于僅聲明卻未賦值的局部變量a。
五，聲明且賦值的局部變量?jī)?yōu)先級(jí)高于形參
復(fù)制代碼 代碼如下:
function fn(a){
var a = 1;
alert(a);
}
fn('hello'); // --> "1"
函數(shù)fn形參為a，函數(shù)內(nèi)第一句僅聲明局部變量a，賦值為1。從輸出結(jié)果是"1"而非"hello"可以看出聲明且賦值的局部變量a優(yōu)先級(jí)高于形參a。
六，形參賦值給同名局部變量時(shí)
復(fù)制代碼 代碼如下:
function fn(a){
var a = a;
alert(a);
}
fn('hello');
暫不運(yùn)行，猜測(cè)下結(jié)果。如果按照第五點(diǎn)：聲明且賦值的局部變量?jī)?yōu)先級(jí)高于形參。那么a將是undefined。但實(shí)際上a是"hello"，即右a是形參a，左a才是局部變量a。
這里的兩個(gè)a互不干擾，誰(shuí)也沒(méi)覆蓋誰(shuí)。這與剛剛說(shuō)的賦值的局部變量?jī)?yōu)先級(jí)高于形參又矛盾了。但引擎這樣做的確是我們想要的，因?yàn)椴⒉幌Ｍ鹶ar a = a后a是undefined。
您可能感興趣的文章:
- js利用與或運(yùn)算符優(yōu)先級(jí)實(shí)現(xiàn)if else條件判斷表達(dá)式
- 淺談JS運(yùn)算符&&和|| 及其優(yōu)先級(jí)
- 淺談JavaScript中運(yùn)算符的優(yōu)先級(jí)
- Javascript算符的優(yōu)先級(jí)介紹
- JavaScript定義變量和變量?jī)?yōu)先級(jí)問(wèn)題探討
- JS前端知識(shí)點(diǎn) 運(yùn)算符優(yōu)先級(jí)，URL編碼與解碼，String，Math，arguments操作整理總結(jié)
- JS正則表達(dá)式大全(整理詳細(xì)且實(shí)用)
- JS運(yùn)算符優(yōu)先級(jí)與表達(dá)式示例詳解
相關(guān)文章
js創(chuàng)建數(shù)組的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇JS創(chuàng)建數(shù)組的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
js實(shí)現(xiàn)瀑布流效果（自動(dòng)生成新的內(nèi)容）
本文主要介紹了js實(shí)現(xiàn)瀑布流效果：當(dāng)滾動(dòng)條接近底部會(huì)自動(dòng)生成新的內(nèi)容。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
這篇文章主要介紹了Servlet返回的數(shù)據(jù)js解析2種方法,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
怎樣去掉Javascript的Array的重復(fù)項(xiàng)，這個(gè)問(wèn)題看起來(lái)簡(jiǎn)單，但考的不僅僅是實(shí)現(xiàn)這個(gè)功能，更能看出你對(duì)計(jì)算機(jī)程序執(zhí)行的深入理解2014-09-09
這篇文章主要介紹了Three.js外部模型加載的教程詳解,在文章給大家補(bǔ)充介紹了three.js 外部模型加載json的方法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-11-11
javascript createAdder函數(shù)功能與使用說(shuō)明
createAdder（x）是一個(gè)函數(shù)，返回一個(gè)函數(shù)。在JavaScript中，函數(shù)是第一類(lèi)對(duì)象：另外它們可以被傳遞到其他函數(shù)作為參數(shù)和函數(shù)返回。在這種情況下，函數(shù)返回本身就是一個(gè)函數(shù)接受一個(gè)參數(shù)，并增加了一些東西。2010-06-06
純js網(wǎng)頁(yè)畫(huà)板(Graphics)類(lèi)簡(jiǎn)介及實(shí)現(xiàn)代碼
今天需要在網(wǎng)頁(yè)上畫(huà)一個(gè)圖譜，想到用JS，經(jīng)過(guò)學(xué)習(xí)，和網(wǎng)上搜索，經(jīng)過(guò)整理優(yōu)化得到下面代碼，注意不是用HTML5的canvas，而是用的純js,需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了微信小程序模板template簡(jiǎn)單用法,結(jié)合實(shí)例形式分析了微信小程序模板template的功能、簡(jiǎn)單使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
JavaScript String(字符串)對(duì)象的簡(jiǎn)單實(shí)例(推薦)
下面小編就為大家?guī)?lái)一篇JavaScript String(字符串)對(duì)象的簡(jiǎn)單實(shí)例(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
深入學(xué)習(xí)JavaScript對(duì)象
今天小編就和大家深入學(xué)習(xí)JavaScript對(duì)象，感興趣的小伙伴們可以參考一下，大家一起學(xué)習(xí)。2015-10-10