JavaScript中的类型检查

JS 的动态类型有好有坏。好的一面，不必指明变量的类型。不好的是，咱们永远无法确定变量的类型。

typeof运算符可以确定 JS 中的6种类型：

typeof 10;    // => 'number'typeof 'Hello';  // => 'string'typeof false;   // => 'boolean'typeof { a: 1 }; // => 'object'typeof undefined; // => 'undefined'typeof Symbol(); // => 'symbol'

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

class Cat { }const myCat = new Cat();myCat instanceof Cat; // => true

但是typeof和instanceof的一些行为可能会令人混淆。防范于未然，咱们需要提前了解一些边缘情况。

1. typeof null

typeof myObject === 'object'会告知myObject是否是一个对象类型。举个例子:

const person = { name: '前端小智' };typeof person; // => 'object'

typeof person是'object'，因为person是一个普通的 JS 对象。

在某场景下，变量值可能需要指定为 null，下面是一些场景：

可以使用null来跳过指示配置对象
使用null初始化稍后要保存对象的变量
当函数由于某种原因无法构造对象时，返回null
例如，如果不存在正则表达式匹配项，则str.match(regExp)方法返回null：

const message = 'Hello';message.match(/Hi/); // => null

这里引出一个问题，可以使用typeof 来区分有值的对象和具有 null 值的对象吗？

let myObject = null;typeof myObject; // => 'object'myObject = { prop: 'Value' };typeof myObject; // => 'object'

从上面可以看出，typeof 对象有值的对象和具有 null 值的对象，得到的结果都是'object'。

可以如下面方法来检测变量是否有对象且不是null：

function isObject(value) { return typeof value === 'object' && value !== null;}isObject({});  // => trueisObject(null); // => false

除了检查value是否为object: typeof value === 'object'之外，还需要明确地验证null: value !== null。

2. typeof array

如果试图检测一个变量是否包含一个数组，常见的错误就是使用typeof操作符：

const colors = ['white', 'blue', 'red'];typeof colors; // => 'object'

检测数组的正确方法是使用Array.isArray()：

const colors = ['white', 'blue', 'red'];const hero = { name: 'Batman' };Array.isArray(colors); // => trueArray.isArray(hero);  // => false

Array.isArray(colors)返回一个布尔值true，表示colors是一个数组。

3.虚值类型检查

JS中的undefined是一个特殊值，表示未初始化的变量。

如果试图访问未初始化的变量、不存在的对象属性，则获取到的值为 undefined :