JavaScript typeof, null, 和 undefined

最新推荐文章于 2021-05-31 21:33:54 发布

mohanzhaike

最新推荐文章于 2021-05-31 21:33:54 发布

阅读量446

点赞数 1

分类专栏： javaScript

javaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript typeof, null, undefined, valueOf()。

typeof 操作符

你可以使用 typeof 操作符来检测变量的数据类型。

实例

 
  typeof  
  "John"                 
  // 返回 string 
  
  typeof  
  3.14                   
  // 返回 number
  
  typeof  
  false                  
  // 返回 boolean
  
  typeof [ 
  1, 
  2, 
  3, 
  4]              
  // 返回 object
  
  typeof {name: 
  'John', age:34}  
  // 返回 object 
 

尝试一下 »

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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 来清空对象:

实例

 
  var person =  
  null;            
  // 值为 null(空), 但类型为对象

尝试一下 »

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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 来清空对象:

实例

 
  var person = undefined;      
  // 值为 undefined, 类型为 undefined

尝试一下 »

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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。

实例

 
  var person;                   
  // 值为 null(空), 但仍然是一个对象

尝试一下 »

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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.

实例

   person = undefined;           
  // 值为 undefined, 类型是undefined 
 

尝试一下 »

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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 的区别

 
  typeof undefined              
  // undefined
  
  typeof  
  null                   
  // object
  
  null === undefined            
  // false
  
  null == undefined             
  // true 
 

尝试一下 »

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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>