外部變量x function fn(){ alert(x); // --> undefined 局部變量x先使用 var x = 2; // 后聲明且賦值 } fn(); alert(x); // --> 1 第一點,函數(shù)fn" />
最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

淺析JavaScript中的同名標識符優(yōu)先級_javascript技巧

來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 21:16:55
文檔

淺析JavaScript中的同名標識符優(yōu)先級_javascript技巧

淺析JavaScript中的同名標識符優(yōu)先級_javascript技巧:一,局部變量先使用后聲明,不影響外部同名變量 代碼如下:var x = 1; // --> 外部變量x function fn(){ alert(x); // --> undefined 局部變量x先使用 var x = 2; // 后聲明且賦值 } fn(); alert(x); // --> 1 第一點,函數(shù)fn
推薦度:
導讀淺析JavaScript中的同名標識符優(yōu)先級_javascript技巧:一,局部變量先使用后聲明,不影響外部同名變量 代碼如下:var x = 1; // --> 外部變量x function fn(){ alert(x); // --> undefined 局部變量x先使用 var x = 2; // 后聲明且賦值 } fn(); alert(x); // --> 1 第一點,函數(shù)fn

一,局部變量先使用后聲明,不影響外部同名變量
代碼如下:
var x = 1; // --> 外部變量x
function fn(){
alert(x); // --> undefined 局部變量x先使用
var x = 2; // 后聲明且賦值
}
fn();
alert(x); // --> 1


第一點,函數(shù)fn內第一句輸出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內的局部變量x不會影響到外部的變量x。即fn內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"


arguments對象可以直接在函數(shù)內使用,是語言本身提供的一個 特殊標識符 。

這里剛好將形參聲明成與其同名。輸出可以看到是"hello"而非"[object Object]",即形參arguments覆蓋了語言本身提供的真正的arguments。

四,形參優(yōu)先級高于只聲明卻未賦值的局部變量
代碼如下:
function fn(a){
var a;
alert(a);
}
fn('hello'); // --> "hello"

函數(shù)fn形參為a,函數(shù)內第一句僅聲明局部變量a,卻并未賦值。從輸出結果是"hello"而非undefined可以看出形參a優(yōu)先級高于僅聲明卻未賦值的局部變量a。

五,聲明且賦值的局部變量優(yōu)先級高于形參
代碼如下:
function fn(a){
var a = 1;
alert(a);
}
fn('hello'); // --> "1"

函數(shù)fn形參為a,函數(shù)內第一句僅聲明局部變量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。

聲明:本網(wǎng)頁內容旨在傳播知識,若有侵權等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

淺析JavaScript中的同名標識符優(yōu)先級_javascript技巧

淺析JavaScript中的同名標識符優(yōu)先級_javascript技巧:一,局部變量先使用后聲明,不影響外部同名變量 代碼如下:var x = 1; // --> 外部變量x function fn(){ alert(x); // --> undefined 局部變量x先使用 var x = 2; // 后聲明且賦值 } fn(); alert(x); // --> 1 第一點,函數(shù)fn
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top