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