推断js中的类型:typeof / instanceof / constructor / prototype

推断js中的类型:typeof / instanceof / constructor / prototype

大家好,又见面了,我是全栈君,祝每个程序员都可以多学几门语言。

怎样推断js中的类型呢,先举几个样例:

var a = “jason”;

var b = 123;

var c = true;

var d = [1,2,3];

var e = new Date();

var f = function(){

    alert(‘jason’);

};

一、最常见的推断方法:typeof

    typeof是一个一元运算符,它返回的结果始终是一个字符串,对不同的操作数,它返回不同的结果,另外typeof能够推断function的类型;在推断除Object类型的对象时比較方便。

console.log(typeof a == “string”);        //true

console.log(typeof a == String);        //false

详细的规则例如以下:

  1) 对于数字类型的操作数而言, 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。

  2) 对于字符串类型,typeof返回的值是string。比方typeof  “jason”返回的值是string。

  3) 对于布尔类型,typeof返回的值是boolean。比方typeof true返回的值是boolean。

  4) 对于对象、数组、null返回的值是object。比方typeof {},typeof [],typeof null返回的值都是object。

  5) 对于函数类型,返回的值是function。比方:typeof eval,typeof Date返回的值都是function。

  6) 假设运算数是未定义的(比方说不存在的变量、函数或者undefined),将返回undefined。比方:typeof jason、typeof undefined都返回undefined。

console.log(typeof a);                    //string

console.log(typeof b);                    //number

console.log(typeof c);                    //boolean

console.log(typeof d);                    //object

console.log(typeof e);                    //object

console.log(typeof f);                    //function

console.log(typeof 1);                    //number

console.log(typeof NaN);                //number

console.log(typeof Number.MIN_VALUE);    //number

console.log(typeof Infinity);            //number

console.log(typeof “123”);                //string

console.log(typeof true);                //boolean

console.log(typeof {});                    //object

console.log(typeof []);                    //object

console.log(typeof null);                //object

console.log(typeof eval);                //function

console.log(typeof Date);                //function

console.log(typeof sss);                //undefined

console.log(typeof undefined);            //undefined

二、推断一个对象是否为某一数据类型,或一个变量是否为一个对象的实例:instanceof

    注意:instanceof 后面一定要是对象类型,而且大写和小写不能错,该方法适合一些条件选择或分支。

console.log(d instanceof Array);        //true

console.log(e instanceof Date);            //true

console.log(f instanceof Function);        //true

三、依据对象的constructor推断:constructor

console.log(d.constructor === Array)    //true

console.log(e.constructor === Date)        //true

console.log(f.constructor === Function)    //true

注意constructor在类继承时会出错

比如:

    function A(){};

    function B(){};

    var aObj = new A();

    console.log(aObj.constructor === A);    //true;

    console.log(aObj.constructor === B);    //false;

    

    function C(){};

    function D(){};

    C.prototype = new D(); //C继承自D

    var cObj = new C();

    console.log(cObj.constructor === C);    //false;

    console.log(cObj.constructor === D);    //true;

    

而instanceof方法不会出现该问题,对象直接继承和间接继承的都会报true:

    console.log(cObj instanceof C);            //true

    console.log(cObj instanceof D);            //true

    

解决construtor的问题一般是让对象的constructor手动指向自己:

    cObj.constructor = C;                     //将自己的类赋值给对象的constructor属性

    console.log(cObj.constructor === C);    //true;

    console.log(cObj.constructor === D);    //false; 基类不会报true了;

    

    

四、通用但非常繁琐的方法:prototype    

    console.log(Object.prototype.toString.call(a) === ‘[object String]’);        //true

    console.log(Object.prototype.toString.call(b) === ‘[object Number]’);        //true

    console.log(Object.prototype.toString.call(c) === ‘[object Boolean]’);        //true

    console.log(Object.prototype.toString.call(d) === ‘[object Array]’);        //true

    console.log(Object.prototype.toString.call(e) === ‘[object Date]’);            //true

    console.log(Object.prototype.toString.call(f) === ‘[object Function]’);        //true

    注:大写和小写不能写错,比較麻烦,但胜在通用。

总结:

    通常情况下用typeof推断就能够了,遇到预知Object类型的情况能够选用instanceof或constructor方法,简单总结下,欢迎补充!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/118395.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • layoutSubviews 详解

    layoutSubviews 详解ios layout机制相关方法-(CGSize)sizeThatFits:(CGSize)size-(void)sizeToFit——————–(void)layoutSubviews-(void)layoutIfNeeded-(void)setNeedsLayout——————–-(void)

  • 后端:Layui实现文件上传功能

    后端:Layui实现文件上传功能

    2020年11月14日
  • 9b9t服务器显示连接超时,在WebRTC中ICE连接失败

    9b9t服务器显示连接超时,在WebRTC中ICE连接失败我们正在尝试将浏览器(客户端)与aiortc库(服务器,发送单个视频流)连接起来。目前,连接已成功建立(onsignalingstatechange稳定)。但是,媒体连接从未建立,因为ICE连接失败。这两台主机在同一个局域网上,并且已经验证了直接连接。使用的STUN服务器是STUN.l。谷歌:19302.在服务器上的日志如下:DEBUG:asyncio:Usingselector:Epol…

  • usb-c接口和雷电3接口有什么区别(type-c和雷电3的区别)

    缘起随着小新pro发布,看到带了全功能的type-c接口,一直搞不懂什么type-c还有什么全功能,半功能?和雷电3又有什么区别,雷电3又有什么全速,半速。由于搞不清,所以网上看了很多资料,这里总结一下以备后续查阅说说usb3.1和雷电3usb接口大家再熟悉不过了,就是我们经常说的这种的但其实这个样子的全称是USBType-A,除此之外还有USBType-B,USBType-C…

  • vuejs搭建的项目对于ie浏览器的处理「建议收藏」

    vuejs搭建的项目对于ie浏览器的处理「建议收藏」Vue不支持IE8及以下版本,因为Vue使用了IE8无法模拟的ECMAScript5特性,所以在项目中需要对IE浏览器做处理1.在index.html中写入以下代码<!–[ifie]><script>  window.location.href=’./static/ifie.html;</script>…

  • sdn小结(一)_SDN的基本概念

    sdn小结(一)_SDN的基本概念看了一周的sdn,写下一点总结和心得体会。1.sdn中不一定非得用openflow来作为南向协议,其他的南向接口协议还有很多,比如pcep,netconf,snmp,bgp-ls2.segmentrouting也需要一个集中的控制器,只要硬件条件支持,sr可以和sdn进行结合3.ECMP通过对流的数据包头部进行哈希取模运算,将数据流映射到不同的转发路径4.谷歌的B4采取的是i…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号