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

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

前言

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

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

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

结语

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

欢迎讨论切磋学习方法。