JavaScript typeof, null, 和 undefined

JavaScript typeof, null, undefined, valueOf()。

---

typeof 操作符

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

<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>

尝试一下 »

在JavaScript中，数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object。

---

Null

在 JavaScript 中 null 表示 "什么都没有"。

null是一个只有一个值的特殊类型。表示一个空对象引用。

用 typeof 检测 null 返回是object。

你可以设置为 null 来清空对象:

<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>

尝试一下 »

你可以设置为 undefined 来清空对象:

<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>

尝试一下 »

---

Undefined

在 JavaScript 中, undefined 是一个没有设置值的变量。

typeof 一个没有值的变量会返回 undefined。

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

尝试一下 »

任何变量都可以通过设置值为 undefined 来清空。 类型为 undefined.

<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>

尝试一下 »

---

Undefined 和 Null 的区别

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

尝试一下 »