判断数据类型的四种方法(Marksheng)

typeof
typeof()一般用于判断基本类型null除外,typeof也可以判断function , 但判断Array, Error, null 这几个引用类型时对会被typeof判断为object,所以如果想判断这几种数据类型,就不能使用 typeof 了,比较有局限性

instanceof
instanceof检测某一个实例是否属于一个类
例如:
class Fn {
constructor(name) {
this.name = name
}
}
let obj = new Fn(‘nihao’)
console.log(obj instanceof Fn) true
判断obj是否是Fn的实例,是则返回true,否则返回 false

,instanceof检测的是原型,内部机制是通过判断对象的原型链中是否有类型的原型

注意: instanceof 后面一定要是对象类型,并且大小写不能写错
instanceof有个弊端就是,对于number,string, boolean这三种类型只能通过构造函数定义

let num = new Number(123);
console.log(num instanceof Number);
如果使用
var num = 12
console.log(num instanceof Number)则为false,还需要注意,null和undefined都返回false ,这是因为他们的类型就是自己本身,不是object创建出来的他们,所以返回了false

constructor构造函数
例如 :
function Fn() {

    }
    var obj = new Fn();
    console.log(obj.__proto__);
    console.log(Fn.prototype)
    console.log(obj.constructor == Fn)

    var num = 123
    console.log(num.constructor==Number)

    console.log(false.constructor == Boolean)
    console.log([].constructor==Array)

    除了 undefined和null外,其他类型都可以通过constructor属性来判断
   
    constructor是prototype对象上的属性,指向构造函数。实例化对象的__proto__ 等于构造函数的prototype,根据实例对象寻找属性的顺序,若实例      			对象上没有实例属性或方法时,就去原型链上寻找,因此,实例对象也是能使用constructor属性的

   当一个函数fn被定义时,js引擎会为fn添加prototype属性,然后在prototype属性上添加一个constructor属性,并让其执行Fn的引用,Fn利用原型对象的constructor属性引用了自身,但是当fn作为构造函数创建对象时,原型上的constructor属性被遗传到了新创建的对象上,从原型链的角度讲,构造函数fn就是新对象的类型,这样做的意义是,让对象诞生以后,就具有可追溯的数据类型

object.prototype.toString()
toString()是 object 的原型方法,调用该方法,默认返回当前对象的class,这是一个内部属性,其格式返回

toString() 是对象的原型方法,调用该方法,默认返回当前对象的[[class]],这是一个内部属性,其格式为[object xxx]其中xxx就是对象的类型,对于object对象,直接调用toString()就能返回[object object]对于其他对象,则需要call,apply,来调用才能返回正确类型信息

   let obj = {};
    console.log(Object.prototype.toString(obj))
    //[object object]

     var num = 1;
     console.log(Object.prototype.toString.call(num))
     //[object number]

    console.log(Object.prototype.toString.call(undefined))
    //[object Undefined]
     console.log(Object.prototype.toString.call(document))
     //[object HTMLDocument]

封装一个获取变量准确类型的函数

   var obj = new Date()
    function gettype(obj) {
        var type = typeof obj;
        if (type !== 'object') {
            return type
        }
        // 如果不是 object类型的数据,直接用typeof判断出来‘
        //如果是object类型的数据,准确判断类型必须使用object.prototype.tostring().call(obj)的方式才能判断

        return Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, '$1')
    }
    console.log(gettype(obj))

                

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值