淺析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,卻并未賦值。從輸出結(jié)果是"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。從輸出結(jié)果是"1"而非"hello"可以看出聲明且賦值的局部變量a優(yōu)先級高于形參a。
六,形參賦值給同名局部變量時
function fn(a){
var a = a;
alert(a);
}
fn('hello');
暫不運行,猜測下結(jié)果。如果按照第五點:聲明且賦值的局部變量優(yōu)先級高于形參。那么a將是undefined。但實際上a是"hello",即右a是形參a,左a才是局部變量a。

這里的兩個a互不干擾,誰也沒覆蓋誰。這與剛剛說的賦值的局部變量優(yōu)先級高于形參又矛盾了。但引擎這樣做的確是我們想要的,因為并不希望var a = a后a是undefined。
相關(guān)文章
web開發(fā)js字符串拼接占位符及conlose對象Api詳解
本篇文章主要為大家介紹了web開發(fā)中字符串的拼接,占位符的使用以及conlose對象Api的使用,有需要的朋友可以借鑒參考下,希望可以有所幫助2021-09-09
JavaScript遞歸函數(shù)解“漢諾塔”算法代碼解析
這篇文章主要介紹了JavaScript遞歸函數(shù)解“漢諾塔”算法代碼解析,需要的朋友可以參考下2018-07-07
初學(xué)js插入節(jié)點appendChild insertBefore使用方法
由于可見insertBefore()方法的特性是在已有的子節(jié)點前面插入新的節(jié)點但是兩種情況結(jié)合起來發(fā)現(xiàn)insertBefore()方法插入節(jié)點,是可以在子節(jié)點列表的任意位置。2011-07-07
禁用backspace網(wǎng)頁回退功能的實現(xiàn)代碼
下面小編就為大家?guī)硪黄胋ackspace網(wǎng)頁回退功能的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
uniapp開發(fā)微信小程序自定義頂部導(dǎo)航欄功能實例
uni-app是一個使用Vue.js開發(fā)跨平臺應(yīng)用的前端框架,下面這篇文章主要給大家介紹了關(guān)于uniapp開發(fā)微信小程序自定義頂部導(dǎo)航欄功能的相關(guān)資料,文中通過圖文以及示例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
Javascript數(shù)組的?forEach?方法詳細介紹
這篇文章主要介紹了Javascript數(shù)組的forEach方法詳細介紹,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-09-09
前端實現(xiàn)Excel文件導(dǎo)出功能的完整代碼解析(vue實現(xiàn)excel文件導(dǎo)出)
在Vue中實現(xiàn)導(dǎo)出Excel文件有多種方式,可以通過前端實現(xiàn),也可以通過前后端配合實現(xiàn),下面這篇文章主要給大家介紹了關(guān)于前端實現(xiàn)Excel文件導(dǎo)出功能(vue實現(xiàn)excel文件導(dǎo)出)的相關(guān)資料,需要的朋友可以參考下2024-05-05

