zoukankan      html  css  js  c++  java
  • 其他06js类型判断

    01.js中的数据类型

    基本数据类型:Undefined、Null、Boolean、Number、String,Symbol
    引用数据类型 :Object

    let bool = true;
    let num = 1;
    let str = 'abc';
    let  und= undefined;
    let nul = null;
    let arr = [1,2,3,4];
    let obj = {name:'xiaoming',age:22};
    let fun = function(){console.log('hello')};
    let s1 = Symbol();

    02.typeof

    typeof可以识别出基本类型boolean,number,undefined,string,symbol,但是不能识别null。不能识别引用数据类型,会把null、array、object统一归为object类型,但是可以识别出function。
    所以typeof可以用来识别一些基本类型。
    console.log(typeof bool); //boolean
    console.log(typeof num);//number
    console.log(typeof str);//string
    console.log(typeof und);//undefined
    console.log(typeof nul);//object
    console.log(typeof arr);//object
    console.log(typeof obj);//object
    console.log(typeof fun);//function
    console.log(typeof s1); //symbol

    03.instanceof

    从结果中看出instanceof不能识别出基本的数据类型 number、boolean、string、undefined、unll、symbol。
    但是可以检测出引用类型,如array、object、function,同时对于是使用new声明的类型,它还可以检测出多层继承关系。
    其实也很好理解,js的继承都是采用原型链来继承的。比如objA instanceof A ,其实就是看objA的原型链上是否有A的原型,而A的原型上保留A的constructor属性。
    所以instanceof一般用来检测对象类型,以及继承关系。
    console.log(bool instanceof Boolean);// false
    console.log(num instanceof Number);// false
    console.log(str instanceof String);// false
    console.log(und instanceof Object);// false
    console.log(nul instanceof Object);// false
    console.log(arr instanceof Array);// true
    console.log(obj instanceof Object);// true
    console.log(fun instanceof Function);// true
    console.log(s1 instanceof Symbol);// false

    04.constructor

    null、undefined没有construstor方法,因此constructor不能判断undefined和null。
    但是他是不安全的,因为contructor的指向是可以被改变。

    console.log(bool.constructor === Boolean);// true
    console.log(num.constructor === Number);// true
    console.log(str.constructor === String);// true
    console.log(arr.constructor === Array);// true
    console.log(obj.constructor === Object);// true
    console.log(fun.constructor === Function);// true
    console.log(s1.constructor === Symbol);//true

    05.Object.prototype.toString.call

    此方法可以相对较全的判断js的数据类型。
    至于在项目中使用哪个判断,还是要看使用场景,具体的选择,一般基本的类型可以选择typeof,引用类型可以使用instanceof。

    console.log(Object.prototype.toString.call(bool));//[object Boolean]
    console.log(Object.prototype.toString.call(num));//[object Number]
    console.log(Object.prototype.toString.call(str));//[object String]
    console.log(Object.prototype.toString.call(und));//[object Undefined]
    console.log(Object.prototype.toString.call(nul));//[object Null]
    console.log(Object.prototype.toString.call(arr));//[object Array]
    console.log(Object.prototype.toString.call(obj));//[object Object]
    console.log(Object.prototype.toString.call(fun));//[object Function]
    console.log(Object.prototype.toString.call(s1)); //[object Symbol]
  • 相关阅读:
    Oracle SQL语句大全—查看表空间
    Class to disable copy and assign constructor
    在moss上自己总结了点小经验。。高手可以飘过 转贴
    在MOSS中直接嵌入ASP.NET Page zt
    Project Web Access 2007自定义FORM验证登录实现 zt
    SharePoint Portal Server 2003 中的单一登录 zt
    vs2008 开发 MOSS 顺序工作流
    VS2008开发MOSS工作流几个需要注意的地方
    向MOSS页面中添加服务器端代码的另外一种方式 zt
    状态机工作流的 SpecialPermissions
  • 原文地址:https://www.cnblogs.com/hunter1/p/15732001.html
Copyright © 2011-2022 走看看