js中typeof的用法详解 - 飞外
发布时间: 2023-07-06

这篇文章主要是对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);  //变量定义,弹出undefined2.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中,函数是一个极容易引起误解或引发歧义的数据类型,

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



    扫码加微信详细咨询太和智慧养老产品和平台服务!
  • 微信