js中變量是什么以及有哪些類型

來源：懂視網責編：小采時間：2020-11-27 19:28:27

js中變量是什么以及有哪些類型

js中變量是什么以及有哪些類型:在js中，變量是存儲信息的容器；JavaScript中有兩種類型的變量：局部變量和全局變量。js如何聲明變量？在js中，可以使用關鍵詞var或者let，在加上變量名稱來聲明變量。【相關視頻教程推薦：JavaScript教程】js變量的名稱，也叫標識符的命名需要遵

推薦度：

點擊下載本文 文檔為doc格式

導讀js中變量是什么以及有哪些類型:在js中，變量是存儲信息的容器；JavaScript中有兩種類型的變量：局部變量和全局變量。js如何聲明變量？在js中，可以使用關鍵詞var或者let，在加上變量名稱來聲明變量。【相關視頻教程推薦：JavaScript教程】js變量的名稱，也叫標識符的命名需要遵

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

js如何聲明變量？

在js中，可以使用關鍵詞“var”或者“let”，在加上“變量名稱”來聲明變量。【相關視頻教程推薦：JavaScript教程】

js變量的名稱，也叫標識符的命名需要遵循一些規范：

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

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

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

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

正確地變量聲明：

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

錯誤地變量聲明：

var 123 = 30 ; 
var * aa = 320 ;

JavaScript局部變量

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

<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在函數abc()內部被調用輸出，但變量y在函數abc()外部無法被調用輸出，會報錯：

JavaScript全局變量

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

<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>

效果圖：