JS中typeof的用法

JavaScript013

JS中typeof的用法,第1张

        js是一门弱语言,它在声明变量时无需确定变量的类型,js在运行时会自动判断。那么如何判断一个变量的类型呢,js提供了typeof运算符,用来检测一个变量的类型。

    typeof是一个运算符,有2种使用方式:typeof(表达式)和typeof 变量名,第一种是对表达式做运算,第二种是对变量做运算。

    typeof运算符的返回类型为字符串,值包括如下几种:

        1. 'undefined'              --未定义的变量或值

        2. 'boolean'                 --布尔类型的变量或值

        3. 'string'                     --字符串类型的变量或值

        4. 'number'                  --数字类型的变量或值

        5. 'object'                    --对象类型的变量或值,或者null(这个是js历史遗留问题,将null作为object类型处理)

        6. 'function'                 --函数类型的变量或值

    console.log(typeof a)    //'undefined'

    console.log(typeof(true))  //'boolean'

    console.log(typeof '123')  //'string'

    console.log(typeof 123)   //'number'

    console.log(typeof NaN)   //'number'

    console.log(typeof null)  //'object'    

    var obj = new String()

    console.log(typeof(obj))    //'object'

    var  fn = function(){}

    console.log(typeof(fn))  //'function'

    console.log(typeof(class c{}))  //'function'

        总结:typeof运算符用于判断对象的类型,但是对于一些创建的对象,它们都会返回'object',有时我们需要判断该实例是否为某个对象的实例,那么这个时候需要用到instanceof运算符,后续记录instanceof运算符的相关用法。

js 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的,那么他们之间有什么区别呢?

某种程度上两种方式都行,但其中细节我们一定要搞清楚。

typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。

返回值是一个 字符串 ,该字符说明运算数的类型。 typeof 一般只会返回六中数据类型:

通常可以使用 typeof 来获取一个变量是否存在

而不要去使用 if (a) 因为如果 a 不存在(未声明)则会出错。

再看一个例子:

可以看出:判断一个变量的类型常常会用 typeof 运算符没有问题,但在使用 typeof 运算符时采用 引用类型 存储值会出现一个问题,无论引用的是什么类型的对象,他都会返回 object ,这正是 typeof 的局限性。

这就需要用到 instanceof 来检测某个对象是不是另一个对象的实例。

instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性

通俗讲 instanceof 左 操作数是一个类,右 操作数是标识对象的类。如果左侧的对象是右侧类的实例,则返回 true。而 js 中对象的类是通过初始化它们的构造函数来定义的。即 instanceof 的右操作数应当是一个函数。所有的对象都是 object 的实例。如果左操作数不是对象,则返回 false,如果右操作数不是函数,则抛出typeError。

语法:object instanceof constructor

参数:object(要检测的对象)contructor(某个构造函数)

描述:instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型脸链上

举个栗子:

一般会结合两者封装成一个工具类:

今天的内容就到这里了,小伙伴们记得点个赞哦 ~~~