typeof, null, 和 undefined

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

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

 

---

null

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

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

用 typeof 检测 null 返回是object。

<p>对象可以通过设置为 <b>null</b> 来清空。</p>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>


<script>
var person1 = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
var person2 = null;
var person3 = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
var person3 = undefined;
document.getElementById("demo1").innerHTML =  person1;
document.getElementById("demo2").innerHTML = typeof person2;
document.getElementById("demo3").innerHTML = typeof person3;


//[object Object]

//object

//undefined

---

undefined

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

<p>变量的值如果不存在则该变量值为 <b>undefined</b>。</p>
<p id="demo1"></p>
<p id="demo2"></p>


<script>
var person;
var sa="12";
document.getElementById("demo1").innerHTML = person + "<br>" + typeof person;
document.getElementById("demo2").innerHTML = sa + "<br>" + typeof sa;

//undefined
//undefined

//12
//number

---

undefined 和 null 的区别

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

//undefined
//object
//false
//true