Javascript 基礎教學...LOGIN

Javascript 基礎教學之typeof操作符

typeof  運算子

typeof 是用來偵測變數的資料型別,對於值和變數會傳回下列字元竄

数据类型2.png

#Undefined

在JavaScript 中, undefined 是一個沒有設定值的變數。

typeof 一個沒有值的變數會回傳 undefined。

下面我們來寫一個實例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>检测数据类型</title>
	<script type="text/javascript">
		var box;
		document.write(typeof box);
	</script>
</head>
<body>

</body>
</html>

如上程式碼會輸出undifined

Boolean 類型

如下實例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>检测数据类型</title>
	<script type="text/javascript">
		var box= true;
		document.write(typeof box);
	</script>
</head>
<body>

</body>
</html>

string 型別

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>检测数据类型</title>
	<script type="text/javascript">
		var box="php 中文网";
		document.write(typeof box);
	</script>
</head>
<body>

</body>
</html>

number 類型

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>检测数据类型</title>
	<script type="text/javascript">
		var box=888;
		document.write(typeof box);
	</script>
</head>
<body>

</body>
</html>

物件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>检测数据类型</title>
	<script type="text/javascript">
		var box={};
		document.write(typeof box);
	</script>
</head>
<body>

</body>
</html>

註:空對象,表示物件創建了,但裡面沒有內容

NULL 空白

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>检测数据类型</title>
	<script type="text/javascript">
		var box=null;
		document.write(typeof box);
	</script>
</head>
<body>

</body>
</html>

#function 函數##

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>检测数据类型</title>
	<script type="text/javascript">
		function box(){

		}
		document.write(typeof box);
	</script>
</head>
<body>

</body>
</html>

#附註:box 是function 函數  回傳值是function box(){}   傳回的字元竄類型是function

下一節

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>检测数据类型</title> <script type="text/javascript"> var box; document.write(typeof box); </script> </head> <body> </body> </html>
章節課件