typeof 操作符
你可以使用 typeof 操作符来检测变量的数据类型。
实例
typeof "John" // 返回 string
typeof 3.14 // 返回 number
typeof false // 返回 boolean
typeof [1,2,3,4] // 返回 object
typeof {name:'John', age:34} // 返回 objectDEMO：
HTML
x
21
21
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>Web176教程(Web176.com)</title>6
</head>7
<body>8
9
<p> typeof 操作符返回变量或表达式的类型。</p>10
<p id="demo"></p>11
<script>12
document.getElementById("demo").innerHTML = 13
typeof "john" + "<br>" + 14
typeof 3.14 + "<br>" +15
typeof false + "<br>" +16
typeof [1,2,3,4] + "<br>" +17
typeof {name:'john', age:34};18
</script>19
20
</body>21
</html>在JavaScript中，数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object。
null
在 JavaScript 中 null 表示 “什么都没有”。
null是一个只有一个值的特殊类型。表示一个空对象引用。
用 typeof 检测 null 返回是object。
你可以设置为 null 来清空对象：
HTML
xxxxxxxxxx1
18
18
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>Web176教程(Web176.com)</title>6
</head>7
<body>8
9
<p>对象可以通过设置为 <b>null</b> 来清空。</p>10
<p id="demo"></p>11
<script>12
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};13
var person = null;14
document.getElementById("demo").innerHTML = typeof person;15
</script>16
17
</body>18
</html>你可以设置为 undefined 来清空对象：
HTML
xxxxxxxxxx1
18
18
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>Web176教程(Web176.com)</title>6
</head>7
<body>8
9
<p>对象可以设置为 <b>undefined</b> 来清空。</p>10
<p id="demo"></p>11
<script>12
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};13
var person = undefined;14
document.getElementById("demo").innerHTML = typeof person;15
</script>16
17
</body>18
</html>undefined
在 JavaScript 中, undefined 是一个没有设置值的变量。
typeof 一个没有值的变量会返回 undefined。
实例
HTML
xxxxxxxxxx1
18
18
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>Web176教程(Web176.com)</title>6
</head>7
<body>8
9
<p>变量的值如果不存在则该变量值为 <b>undefined</b>。</p>10
<p id="demo"></p>11
<script>12
var person;13
document.getElementById("demo").innerHTML =14
person + "<br>" + typeof person;15
</script>16
17
</body>18
</html>任何变量都可以通过设置值为 undefined 来清空。 类型为 undefined。
实例
HTML
xxxxxxxxxx1
19
19
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>Web176教程(Web176.com)</title>6
</head>7
<body>8
9
<p>变量可以通过设置 <b>undefined</b> 来清空。</p>10
<p id="demo"></p>11
<script>12
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};13
var person = undefined;14
document.getElementById("demo").innerHTML =15
person + "<br>" + typeof person;16
</script>17
18
</body>19
</html>undefined 和 null 的区别
实例
null 和 undefined 的值相等，但类型不等：
HTML
xxxxxxxxxx1
19
19
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>Web176教程(Web176.com)</title>6
</head>7
<body>8
9
<p id="demo"></p>10
<script>11
document.getElementById("demo").innerHTML =12
typeof undefined + "<br>" +13
typeof null + "<br>" +14
(null === undefined) + "<br>" +15
(null == undefined);16
</script>17
18
</body>19
</html>阅读剩余 83%
作者：terry，如若转载，请注明出处：https://www.web176.com/javascript/javascriptjc/2693.html
支付宝 
微信 