重学JS: 数据类型及类型检测

william

数据类型

JavaScript七种内置类型:

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

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

类型检测

typeof

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

示例:

typeof undefined === "undefined" // true
typeof true === "boolean" // true
typeof 1 === "number" // true
typeof 'test' === "string" // true
typeof {} === "object" // true
typeof 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的一个子类型,和普通对象通过字符串键索引不同,数组通过数字按顺进行索引。

总结表格:

clipboard.png

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类的实例 true
console.log(a instanceof C) // A继承C true
console.log(a instanceof B) // a不是A类的实例 false
console.log(a instanceof Object) // Object实所有引用类型的父类 true
console.log(A.prototype instanceof Object) // true
A.prototype = {}
a1 = new A()
console.log(a1 instanceof A) // true
console.log(a instanceof A) // false
const 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.toString
console.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()返回对象的类型,可以准确判断数值的类型
阅读 708

前端进阶之路
love and share

love and share

2.6k 声望
824 粉丝
0 条评论

love and share

2.6k 声望
824 粉丝
文章目录
宣传栏