• JS区分对象类型


    Object.prototype.toString.call() 区分对象类型

    在JavaScript中数据类型分为:1.基本类型,2.引用类型

    1. 基本类型:Undefined,Boolean,String,Number,Null
    2. 引用类型:Object (Array,Date,RegExp,Function)

    var a = 'hello world';
    var b = [];
    var c = function(){};
    • 1
    • 2
    • 3

    我们用不同的判断类型的方法来判断上面三个变量的类型;(编译工具webStorm,浏览器Chrome) 
    1.首先:typeof( )

    1.console.log(typeof (a)+';'+typeof (b)+';'+typeof (c))
    输出:string;object;function
    • 1
    • 2

    2.其次:instanceof

    console.log(a instanceof Object)    //false
    console.log(b instanceof Object)    //true
    console.log(c instanceof Object)    //true
    console.log(a instanceof Array)     //false
    console.log(b instanceof Array)     //true
    console.log(c instanceof Array)     //false
    console.log(a instanceof Function)  //false
    console.log(b instanceof Function)  //false
    console.log(c instanceof Function)  //true
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    从上面两个例题可以看出,typeof(),insctanceof,这两种方法都只能对简单的变量进行判断,如果比较复杂的变量判断时就会有误,不精确; 
    下面我们介绍Object.prototype.toString.call()方法; 
    3.Object.prototype.toString.call()

    console.log(Object.prototype.toString.call(a))
    console.log(Object.prototype.toString.call(b))
    console.log(Object.prototype.toString.call(c))
    输出:
    [object String]
    [object Array]
    [object Function]
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    可以写个方法传值进入判断:

    function isType(obj,type){
            if(obj != ''){
                return Object.prototype.toString.call(obj)==='[object '+type+']'
            }else{
                alert('对象不能为空')
            }
    }
     console.log(isType('hello world','String'))  //true   
  • 相关阅读:
    shutil的一些基本用法
    python用random产生验证码,以及random的一些其他用法
    hashlib 文件校验,MD5动态加盐返回加密后字符
    python中logging日志基本用法,和进程安全问题
    用递归函数得到目录下的所有文件
    python装饰器
    列表推导式三种模式和生成器
    vue.js响应式原理解析与实现
    Promise详解
    三分钟教你同步 Visual Studio Code 设置
  • 原文地址:https://www.cnblogs.com/0828-li/p/9102768.html
Copyright © 2020-2023  润新知