js中typeof的用法详解

客官°小女子只卖身不卖艺 2022-06-18 08:00 352阅读 0赞

这篇文章主要是对js中typeof的用法进行了详细的汇总介绍，需要的朋友可以过来参考下，希望对大家有所帮助

JavaScript中的typeof其实非常复杂,它可以用来做很多事情,但同时也有很多怪异的表现.本文列举出了它的多个用法,而且还指出了存在的问题以及解决办法.

先来了解一下js中typeof的用法：

**typeof运算符介绍：typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。**  
你 知道下面typeof运算的结果吗？  
typeof(1);  
typeof(NaN);  
typeof(Number.MIN\_VALUE);  
typeof(Infinity);  
typeof("123");  
typeof(true);  
typeof(window);  
typeof(document);  
typeof(null);  
typeof(eval);  
typeof(Date);  
typeof(sss);  
typeof(undefined);  
看 看你会几个？

我们来试试看看结果

alert(typeof(1));    　　　　　 // number  
    alert(typeof(NaN));　　　　　　　　// number  
    alert(typeof(Number.MIN\_VALUE));  // number  
    alert(typeof(Infinity));      // number   
    alert(typeof("123"));　　　　　　　// string  
    alert(typeof(true));　　　　　　　 // boolean  
    alert(typeof(window));　　　　　　 // object  
    alert(typeof(document));　　　　　  // object  
    alert(typeof(null));　　　　　　　  // object  
    alert(typeof(eval));　　　　　　　  // function  
    alert(typeof(Date));　　　　　　　 // function  
    alert(typeof(sss));　　　　　　　　// undefined  
    alert(typeof(undefined));　　　　　// undefined

**如果看了以后，不是很明白的话，请看下面（明白的人就不用往下看了）：**  
**typeof是一个一元运算符，它返回的结果 始终是一个字符串，对不同的操作数，它返回不同的结果。  
具体的规则如下：  
一、对于数字类型的操作数而言， typeof 返回的值是 number。比如说：typeof(1)，返回的值就是number。  
上面是举的常规数字，对于非常规的数字类型而言，其结果返回的也是number。比如typeof(NaN)，NaN在  
JavaScript中代表的是特殊非数字值，虽然它本身是一个数字类型。  
在JavaScript中，特殊的数字类型还有几种：  
Infinity 表示无穷大特殊值  
NaN　　　　　　　　　　　　特殊的非数字值  
Number.MAX\_VALUE　　　　　可表示的最大数字  
Number.MIN\_VALUE　　　　　可表示的最小数字（与零最接近）  
Number.NaN　　　　　 　　　特殊的非数字值  
Number.POSITIVE\_INFINITY　表示正无穷大的特殊值  
Number.NEGATIVE\_INFINITY  表 示负无穷大的特殊值  
  
以上特殊类型，在用typeof进行运算进，其结果都将是number。  
  
二、对于字符串类型， typeof 返回的值是 string。比如typeof("123")返回的值是string。   
三、对于布尔类型， typeof 返回的值是 boolean 。比如typeof(true)返回的值是boolean。  
四、对于对象、数组、null 返回的值是 object 。比如typeof(window)，typeof(document)，typeof(null)返回的值都是object。  
五、 对于函数类型，返回的值是 function。比如：typeof(eval)，typeof(Date)返回的值都是function。  
六、如 果运算数是没有定义的（比如说不存在的变量、函数或者undefined），将返回undefined。比如：typeof(sss)、typeof(undefined)都返回undefined。  
  
看完了六条规则，再回头看一下，是不是很简单了……**

**JavaScript数据类型是非常简洁的，它只定义了6中基本数据类型**

*  **null：空、无。表示不存在，当为对象的属性赋值为null，表示删除该属性**
 *  **undefined：未定义。当声明变量却没有赋值时会显示该值。可以为变量赋值为undefined**
 *  **number：数值。最原始的数据类型，表达式计算的载体**
 *  **string：字符串。最抽象的数据类型，信息传播的载体**
 *  **boolean：布尔值。最机械的数据类型，逻辑运算的载体**
 *  **object：对象。面向对象的基础**

**看看下面的代码：**

#当弹出一个变量时： 1. var aa; alert(aa); //变量定义，弹出undefined 2. alert(aa); //变量未定义,undefined , 未定义的变量也是undefined #当判断一个变量是否存在时： 3. var str; if( str == undefined ) //变量定义，可以这样判断 4. if（ str == undefined ) //变量未定义,报错ReferenceError: str is not defined 所以，当判断一个变量是否不存在时，用 if( typeof str == undefined )

alert(typeof 1); // 返回字符串"number" alert(typeof "1"); // 返回字符串"string" alert(typeof true); // 返回字符串"boolean" alert(typeof {}); // 返回字符串"object" alert(typeof []); // 返回字符串"object " alert(typeof function(){}); // 返回字符串"function" alert(typeof null); // 返回字符串"object" alert(typeof undefined); // 返回字符串"undefined"

**你会发现：JavaScript解释器认为null是属于object数据类型的一种特殊形式，而function()\{\}是function类型，**

**也就是说函数也是一种基本数据类型，而不是对象的一种特殊形式。**

**实际上，在JavaScript中，函数是一个极容易引起误解或引发歧义的数据类型，**

**它可以是独立的函数类型，又可以作为对象的方法，也可以被称为类或构造器，还可以作为函数对象而存在等。**

**文章转自：http://www.cnblogs.com/heganlin/p/6183029.html?utm\_source=itdadao&utm\_medium=referral**