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

若有不对,欢迎大佬指出

参考文献

相关推荐
swipe11 小时前
从 0 到 1 实现大文件上传:分片、秒传、断点续传、暂停、重试与服务端合并
前端·javascript·面试
kyriewen13 小时前
AI 生成的代码能跑就行?这 5 个坑迟早炸
前端·javascript·ai编程
kisshyshy13 小时前
🍦 雪糕、食堂、火车厢:三幅漫画吃透栈、队列与链表
javascript·算法
胡志辉13 小时前
从v8源码和react深入浅出理解 JavaScript 作用域链与闭包
前端·javascript
Bolt14 小时前
TypeScript 7.0 来了:当 tsc 用 Go 重写之后
javascript·typescript·go
阳火锅15 小时前
😭测试小姐姐终于不骂我了!这个提BUG神器太香了...
前端·javascript·面试
林希_Rachel_傻希希17 小时前
js里面的proxy理解。以及vue3响应式数据设计底层
前端·javascript·面试
阿黎梨梨17 小时前
AI Loop:告别“人肉写提示词”,让代码替你“鞭策”AI
javascript·人工智能
竹林81821 小时前
用 wagmi v2 + viem 监听链上事件,我踩了三天坑终于搞懂了实时日志与历史补全
javascript
只一21 小时前
😭从回调地狱到 async/await:一文打通 Ajax 与 JS 异步编程
javascript