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 的原型脸链上
举个栗子:
一般会结合两者封装成一个工具类:
今天的内容就到这里了,小伙伴们记得点个赞哦 ~~~