typeof的用法、instanceof详解

原创已于 2022-05-11 15:59:01 修改 · 247 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

于 2022-05-11 15:05:56 首次发布

Javascript 专栏收录该内容

11 篇文章

订阅专栏

本文详细解析JavaScript中typeof运算符的作用，区分基本数据类型和复杂数据类型，以及instanceof用于检测原型链的方法。通过实例演示如何使用myInstanceof函数模拟原型链查找。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. typeof

基本数据类型

除了null，返回的是object，其他都是原值

typeof Symbol('123')
'symbol'

typeof BigInt(123)
'bigint'

typeof 3
'number'

typeof  'string'
'string'

typeof true
'boolean'

typeof null
'object'

复杂数据类型

除了function返回function，其他都是object

typeof function(){}
'function'

typeof []
'object'

typeof new Date()
'object'

typeof window
'object'

NaN

NaN是唯一一个和自身不相等的值，typeof为number：

NaN === NaN  // false

typeof NaN
'number'

2. instanceof

用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

语法：object instanceof constructor
object：某个实例对象
constructor：某个构造函数
用来检测 constructor.prototype 是否存在于参数 object 的原型链上。

手写instanceof

// 原型链的向上查找
function myInstanceof(left, right) {
    
    if (typeof left !== 'object' || typeof left == 'function' || left === null) {
        return false
    }
    let proto = left.__proto__
    console.log(proto);
    
    while (true) {
        if (proto == null) return false
        if (proto == right.prototype) return true
        proto = proto.__proto__
    }
}