类型判断

Mon, 04 Nov 2024 00:00:00 +0800

JS中的类型判断也是咱的老朋友了，如果要你说两句，那便是啥玩意typeof、instanceof的，张口就来，但你真的掌握了每一种类型判断，并熟知其原理吗？就比如说Object.prototype.toString.call()，当面试官问其中的 call有什么作用时，咱们又该如何游说呢。

typeof原理

所有的类型判断里当属typeof最为经典，其最为出名之处就是这玩意不顶用，typeof居然会将null判定为object，但这到底是什么原因？实际上，这就是JS这门编程语言的官方团队造出来的一个bug。

let s = '123'
let n = 123
let f = true
let u = undefined
let nu = null
let sy = Symbol(123)
let big = 1234n
let obj = {}
let arr = []
let fn = function(){}
let date = new Date();

console.log(typeof(s)); // string
console.log(typeof(n)); // number
console.log(typeof(f)) // boolean
console.log(typeof(u)) // undifined
console.log(typeof(sy)) // symbol
console.log(typeof(big)) // bigint

console.log(typeof(nu)); //将null判断为object

//以下为引用类型，除了function，一律被判断为object
console.log(typeof(obj)) //object
console.log(typeof(arr)) //object
console.log(typeof(date)) //object

// 所有引用类型只能判断function
console.log(typeof(fn)) //function

//

原因就是：typeof会把所有传进去的值都转成二进制，而当年JS制定的规则便是：原始类型的被转为二进制的前面三个值绝对不为零，而typeof会把前三位为零的类型全部认定为对象，null这个类型又是JS语言后来引入的。遵循其他语言的原则，JS语言将null的二进制值定为一长串的0，因此typeof在判断时会将其认定为object。

因此，面试官一般不会询问判断方法 typeof 的原理。

手写一个instanceof

相较于typeof，instanceof有其优越之处，也有其不足之处，比如，instanceof只能判断引用类型，并且是通过原型链查找来判断类型。

let s = '123'
let n = 123
let f = true
let u = undefined
let nu = null
let sy = Symbol(123)
let big = 1234n
let obj = {}
let arr = []
let fn = function(){}
let date = new Date();

console.log(s instanceof String); // false instanceof 不能判断原始类型

// 以下为引用类型

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

首先要知道每个类型的原型都不相同。

类型判断 on Last Stand

类型判断

typeof原理

手写一个instanceof