如何更容易记忆：JavaScript类型与类型判断

Posted 2021-09-16 桃源小盼聊技术

本文属于原创文章，转载请注明--来自桃源小盼的博客

前言

为什么写这篇文章，并不是不知道这些类型，而是发现常常会忘记其中的一个两个。像这类知识，其实就是记忆型的知识，并不需要多么深入的理解。

一次性记住这么多，其实并不容易，刚开始学习时很容易就记住了，过段时间就又忘记了，因为并没有形成长期记忆。所以我做了分类管理，每次提起这个问题，先想到的是有哪些分类，再回忆每个分类下有哪些内容。

javascript中的变量是没有类型的，只有值才有。

七大基本类型

• number
• string
• boolean
• null
• undefined
• symbol
• bigint

基本类型也称为简单数据类型或原始类型。

我们拆成三种类型：

第一种是常用的类型：

几乎所有编程语言都有这些类型

• 数字 number
• 字符串 string
• 布尔值 boolean

第二种是js比较特殊的类型：

• 空值 null
• 未定义undefined

第三种是新增的类型：

我们根据发布的es版本来记住它

• 符号 symbol es2015新增(es6)
• 大数 bigInt es2020新增

如何判断七种基本类型？

看下面这段代码：

typeof 12            // number
typeof \'hello world\' // string
typeof true          // boolean
typeof null          // object(特殊)
typeof undefined     // undefined
typeof Symbol()      // symbol
typeof BigInt(1)     // bigint

其实typeof判断的很准确，只有一个null判断错误了,这是js的一个bug。我们只需要记住这个例外情况就够了。如果有兴趣可以深入了解一下null的类型判断原因。

复杂类型 Object

前面七种基本类型加上对象object，合称八种内置类型。

object有两种经常提到的子类型：

• 数组 array
• 函数 function

其实还有很多子类型：

• String
• Number
• Boolean
• Date
• RegExp
• Error

如何判断function类型

typeof可以正确检测函数类型

function foo () {}

typeof foo // function

如何判断数组类型

可以使用的方式有多种：

var arr = [1]

typeof arr                // object
arr instanceof Array      // true
arr.constructor === Array // true
Array.isArray(arr)        // true

typeof无法用在检测数组上。
首选推荐 Array.isArray。

万能类型判断方法

function test(a) {
    return Object.prototype.toString.call(a).slice(8, -1)
}


test(123)          // Number
test([1])          // Array
test(function(){}) // Function

结语

也许这种方式没有帮助到你，那你更应该去寻找适合自己的学习方式。

欢迎讨论切磋学习方法。