JavaScript typeof, null, undefined, valueOf()。
typeof 操作符
你可以使用 typeof 操作符来检测变量的数据类型。
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网(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>
提示:在JavaScript中,数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object。
Null
在 JavaScript 中 null 表示 "什么都没有"。
null是一个只有一个值的特殊类型。表示一个空对象引用。
用 typeof 检测 null 返回是object。
你可以设置为 null 来清空对象:
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网(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中文网(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中文网(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中文网(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中文网(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>
运行程序尝试一下