数据类型

JavaScript七种内置类型：

  • 空值（null）
  • 未定义（undefined）
  • 布尔值（boolean）
  • 数字（number）
  • 字符串（string）
  • 对象（object）
  • 符号（symbol）

除对象之外，其他统称为基本类型

类型检测

typeof

typeof运算符后面跟操作数，typeof operand 或者 typeof (operand)，返回一个类型的字符串值。

示例:

typeof undefined === "undefined" // truetypeof true === "boolean" // truetypeof 1 === "number" // truetypeof 'test' === "string" // truetypeof {} === "object" // truetypeof Symbol() === "symbol" // true

特殊示例：

typeof null === "object"typeof function () {} === "function"typeof [1] === "object"

typeof 对null的处理有问题，正确的结果应该是"null"，但是实际返回的是"object"，这个bug由来已久，也许以后也不会修复。

typeof function() {}返回的是一个"function"，似乎function也是JavaScript的一个内置对象，实际上函数是一个可调用对象，它有一个内部属性[[Call]]，该属性使其可以被调用。

typeof [1]返回"object"，说明数组也是object类型，实际上它是object的一个子类型，和普通对象通过字符串键索引不同，数组通过数字按顺进行索引。

总结表格：

instance

typeof是检测基本数据类型的最佳工具，但是检测引用类型的值时作用不大，都会返回"object"，这时候就需要instance操作符了。instance运算符用于测试构造函数的protytpe属性是否出现在对象的原型链中的任何位置。

用法：object instanceof constructor，object: 要检测的对象，constructor某个构造函数

示例:

function A() {}function B() {}function C() {}A.prototype = new C()const a = new A()console.log(a instanceof A) // a是A类的实例 trueconsole.log(a instanceof C) // A继承C trueconsole.log(a instanceof B) // a不是A类的实例 falseconsole.log(a instanceof Object) // Object实所有引用类型的父类 trueconsole.log(A.prototype instanceof Object) // trueA.prototype = {}a1 = new A()console.log(a1 instanceof A) // trueconsole.log(a instanceof A) // falseconst date = new Date()console.log(date instanceof Date) // true

原理

function instance_of(L, R) {//L 表示左表达式，R 表示右表达式 var O = R.prototype;// 取 R 的显示原型 L = L.__proto__;// 取 L 的隐式原型 while (true) {    if (L === null)      return false;    if (O === L)// 这里重点：当 O 严格等于 L 时，返回 true      return true;    L = L.__proto__;  } }

想要对instanceof运算符有更加深入的了解车票

toString

toString()方法返回一个表示该对象的字符串，每个对象都有一个toString()方法，当该对象被表示为一个文本值时，或者一个对象以预期的字符串方式引用时自动调用。默认情况下，toString()方法被每个Object对象继承。如果此方法在自定义对象中未被覆盖，toString()返回"[object type]"，其中type是对象的类型

示例

const toString = Object.prototype.toStringconsole.log(toString.call(null)) // [object Null]console.log(toString.call(undefined)) // [object Undefined]console.log(toString.call(new String)) // [object String]console.log(toString.call(Function)) // [object Function]console.log(toString.call(new Date)) // [object Date]console.log(toString.call('new Date')) // [object String]console.log(toString.call(['a'])) // [object Array]

从示例可以看出，Object.prototype.toString.call()可以准确表示数值的类型

总结

  • typeof运算符适合检测基本数据类型，且返回类型的字符串
  • instanceof运算符适合检测引用类型值
  • toString()返回对象的类型，可以准确判断数值的类型