JavaScript 類型


JavaScript typeof, null, undefined, valueOf()。

typeof 運算子

你可以使用 typeof 運算子來偵測變數的資料型態。

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p> typeof 操作符返回变量或表达式的类型。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
	typeof "john" + "<br>" + 
	typeof 3.14 + "<br>" +
	typeof false + "<br>" +
	typeof [1,2,3,4] + "<br>" +
	typeof {name:'john', age:34};
</script>

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

Note 在JavaScript中，陣列是一種特殊的物件類型。 因此 typeof [1,2,3,4] 返回 object。

Null

在 JavaScript 中 null 表示 "什麼都沒有"。

null是一個只有一個值的特殊型別。表示一個空物件參考。

Note 用 typeof 偵測 null 回傳是object。

你可以設定為null 來清空物件:

#實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p>对象可以通过设置为 <b>null</b> 来清空。</p>
<p id="demo"></p>
<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
var person = null;
document.getElementById("demo").innerHTML = typeof person;
</script>

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

你可以設定為undefined 來清空物件:

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p>对象可以设置为 <b>undefined</b> 来清空。</p>
<p id="demo"></p>
<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
var person = undefined;
document.getElementById("demo").innerHTML = typeof person;
</script>

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看在線實例

Undefined

##在JavaScript 中,

undefined 是一個沒有設定值的變數。

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

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p>变量的值如果不存在则该变量值为 <b>undefined</b>。</p>
<p id="demo"></p>
<script>
var person;
document.getElementById("demo").innerHTML =
	person + "<br>" + typeof person;
</script>

</body>
</html>

運行實例»點擊"運行實例" 按鈕查看線上實例

任何變數都可以透過設定值為

undefined 來清空。 類型為undefined.

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p>变量可以通过设置 <b>undefined</b> 来清空。</p>
<p id="demo"></p>
<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
var person = undefined;
document.getElementById("demo").innerHTML =
	person + "<br>" + typeof person;
</script>

</body>
</html>

運行實例»點擊"運行實例"按鈕查看線上實例

Undefined 和Null 的區別

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
	typeof undefined + "<br>" +
	typeof null + "<br>" +
	(null === undefined) + "<br>" +
	(null == undefined);
</script>

</body>
</html>
##運行實例»
點擊"運行實例" 按鈕查看線上實例

#