js如何聲明變量

這篇文章將為大家詳細(xì)講解有關(guān)js如何聲明變量，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

 在js中，變量是存儲信息的容器；JavaScript中有兩種類型的變量：局部變量和全局變量。

js如何聲明變量？

在js中，可以使用關(guān)鍵詞“var”或者“l(fā)et”，在加上“變量名稱”來聲明變量。

js變量的名稱，也叫標(biāo)識符的命名需要遵循一些規(guī)范：

1、名稱必須以字母（a到z或A到Z），下劃線（_）或美元（$）符號開頭，但不推薦下開頭使用下劃線（_）或美元（$）符號。

2、在第一個字母后，還可以使用數(shù)字（0到9），例如value1。

3、JS變量區(qū)分大小寫，例如：x和X是不同的變量。

下面我們來通過示例看看js變量的聲明：

正確地變量聲明：

var  x  =  10 ;  
var  _value = "sonoo" ;

錯誤地變量聲明：

var   123 = 30 ;  
var * aa = 320 ;

JavaScript局部變量

在塊或函數(shù)內(nèi)聲明的變量，叫做局部變量；局部變量只能在聲明的塊或函數(shù)內(nèi)部中訪問，出了聲明的塊或函數(shù)內(nèi)部就失去作用，無法訪問。例：

<div class="demo">
    <p id="p1"></p>
    <p id="p2"></p>
</div>
<script type="text/javascript">
	function abc(){  
		var x= 10 ; //局部變量  
		var y= 10 ; //局部變量  
		document.getElementById("p1").innerHTML=x;
	}  
	abc();
	document.getElementById("p2").innerHTML=y;
</script>

效果圖：

這就是因為，變量x和變量y都是局部變量；變量x在函數(shù)abc()內(nèi)部被調(diào)用輸出，但變量y在函數(shù)abc()外部無法被調(diào)用輸出，會報錯：

JavaScript全局變量

在塊或函數(shù)外部聲明、或者使用window對象聲明的變量，被稱為全局變量。全局變量可以在整個代碼中，被任何函數(shù)（或塊）訪問。例：

<div class="demo">
    <p id="p1"></p>
    <p id="p2"></p>
    <p id="p3"></p>
    <p id="p4"></p>
</div>
<script type="text/javascript">
	var x= "x=10" ; //局部變量  
	function abc(){  
		var y= "y=10" ; //局部變量  
		document.getElementById("p1").innerHTML=x;
		document.getElementById("p2").innerHTML=y;
	}  
	abc();
	document.getElementById("p3").innerHTML=x;
	document.getElementById("p4").innerHTML=y;
</script>

效果圖：

可以看出，局部變量y無法在函數(shù)abc()外被訪問輸出，會報錯：

關(guān)于js如何聲明變量就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。