node不认识类型?多半是没用上这几段代码

那么众所周知啊,js当中的类型主要分为以下两大类:

  • 基本类型(原始类型) string.number.boolean.undefined.null.bigInt.Symbol

  • 引用类型(复杂类型) Array.Object.Function.Date

我们可以一看看出类型,但是node却不行,那么我们怎么能让node也可以分辨类型呢?可以试试以下几个代码:

typeof

js 复制代码
typeof "John"                // 返回 string 
typeof 3.14                  // 返回 number
typeof false                 // 返回 boolean
typeof [1,2,3,4]             // 返回 object
typeof {name:'John', age:34} // 返回 object
typeof 132456n               // 返回 bigint
typeof null                // 返回 object
typeof undefined           // 返回 undefined

typeof []                 // 返回 object
typeof {}                 // 返回 object
typeof function(){}       // 返回 function

结果就是:

  1. typeof可以判断null以外所有的原始类型

  2. typeof眼里所有的引用类型都是object,除了function

这是因为在执行时,typeof是将值转化为二进制来判断类型的,二进制前三位是000说明是引用类型,所有的引用类型二进制前三位都是000,除了function;而null转化为二进制是一串0,所以null的类型被看作是object

instanceof

这一个代码比较特殊,他只能判断引用类型的函数

js 复制代码
let s = 'hello'
let num = 123
let f = true
let u = undefined
let n = null
let sy = Symbol(1)
let big = 12343242n

let arr = []
let obj = {}
let fn = function(){}

console.log(obj instanceof Object);//true
console.log(fn instanceof Function);//true
console.log(arr instanceof Array);//true

console.log(s instanceof String);//false
console.log(num instanceof Number);//false
console.log(f instanceof Boolean);//false
console.log(n instanceof Null);//报错
console.log(big instanceof BigInt);//false

要注意的是,当这串代码执行数组的时候,也会把数组认定为是对象

js 复制代码
let arr = []
console.log(arr instanceof Object)//true

因为这个代码的原理是来通过隐式原型链来查找的,当判断arr是不是对象的时候,js的执行逻辑是这样的

js 复制代码
arr.__proto__ === Array.prototype//√
arr.__proto__.__proto__ === Object.prototype//√

Array.isArray

这串代码只能判断是否为数组

js 复制代码
const arr = []

console.log(Array.isArray(arr)); //true
console.log(Array.isArray('[]'));  //false

Object.prototype.toString(x)

上面三个代码都不能完整地分辨出数据类型,但是接下来这一个是重量级的,可以判断所有类型

js 复制代码
let s = 'hello'
let num = 123
let f = true
let u = undefined
let n = null
let sy = Symbol(1)
let big = 12343242n

let arr = []
let obj = {}
let fn = function(){}
console.log(Object.prototype.toString.call(s))
console.log(Object.prototype.toString.call(num))
console.log(Object.prototype.toString.call(f))
console.log(Object.prototype.toString.call(u))
console.log(Object.prototype.toString.call(n))
console.log(Object.prototype.toString.call(sy))
console.log(Object.prototype.toString.call(big)) 
console.log(Object.prototype.toString.call(arr))
console.log(Object.prototype.toString.call(obj))
console.log(Object.prototype.toString.call(fn))

可以看出来,这串代码被很好的辨别出来了,但是有个中括号和object,觉得碍事的话,可以在后面加个.slice(8, -1)),这样的话,最后的输出结果只有想要的数据类型

js 复制代码
let s = 'hello'
console.log(Object.prototype.toString.call(s).slice(8,-1))//String

若有不对,欢迎大佬指出

参考文献

相关推荐
前端毕业班2 小时前
uni-app 小程序样式隔离实践指南和原理分析
前端·javascript·vue.js
吃口巧乐兹2 小时前
热加载与插件热插拔:Debug 模式 × E-Spi × H-Spi 全解析
javascript
想不到ID了3 小时前
第八篇: 登录注册功能实现
java·javascript
ZC跨境爬虫3 小时前
跟着 MDN 学CSS day_37:(从文档流到粘性定位的底层原理)
前端·javascript·css·ui·html
十九画生3 小时前
从“会用函数”到“理解函数”:JavaScript 中函数为什么也是对象?
javascript
zzqssliu3 小时前
taocarts 跨境独立站 SEO 优化实践(多语言 + 反向海淘场景)
java·javascript·php
前端Hardy3 小时前
CSS 动画真的比 JS 快?Josh Comeau 做了组实验,结果跟直觉不一样
前端·javascript·后端
前端Hardy4 小时前
前端日历组件,要变天了?Schedule-X v4.6 彻底杀疯了
前端·javascript·后端
如此风景4 小时前
UniCloud学习真经
javascript