instanceof和typeof的一些问题

最新推荐文章于 2023-08-23 10:33:10 发布

原创最新推荐文章于 2023-08-23 10:33:10 发布 · 277 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

js 专栏收录该内容

8 篇文章

订阅专栏

本文深入探讨JavaScript中typeof操作符的局限性，详细解析其在基本类型与对象类型判断上的表现，以及instanceof运算符在基础类型封装上的特殊行为。通过实例，揭示了正确识别变量类型的复杂性和技巧。

Typeof对于基本类型（基本类型有六种： boolean、null、undefined、number、string、symbol），除了null 都可以显示正确的类型, null 返回 object
Typeof对于对象类型，除了函数都会显示 object,
由此观之，typeof 并不能准确的判断变量到底是什么类型。

 /**
         * Typeof对于基本类型（基本类型有六种： boolean、null、undefined、number、string、symbol），除了null 都可以显示正确的类型, 使用 typeof 判断 null 返回 object
           Typeof对于对象类型，除了函数都会显示 object,所以说 typeof 并不能准确的判断变量到底是什么类型。
         */
        console.log(typeof 1 )//number
        console.log(typeof '1' )//string
        console.log(typeof true)// "boolean"
        console.log(typeof Symbol(1)) // "symbol"
        console.log(typeof {} )// "object"
        console.log(typeof []) // "object"!注意 最好还是用isArray()这个方法来判断数组类型
        console.log(typeof function(){} )// "function"
        console.log(typeof undefined) // "undefined"
        console.log(typeof null)// "object" !注意

对于instanceof

 /**
       * instanceof
       * 基础类型
       */
            let num = 1
            num.__proto__ === Number.prototype // true
            num instanceof Number // false
            num = new Number(1)
            num.__proto__ === Number.prototype // true
            num instanceof Number // true
            num.__proto__ === (new Number(1)).__proto__ // true
            let str = '1'
            console.log(str instanceof String)//false
            console.log(str.__proto__ === String.prototype)//true
            str = new String('1')
            console.log(str instanceof String)//true
            console.log(str.__proto__ === (new String('1').__proto__))//false
            /**
             * 区别在于是否封装成对象，所以instanceof的结果是不同的*/