跳到主要内容

数据类型

Loading...
信息
  • 基础类型存储在栈内存中，被引用或拷贝时，会创建一个完全相等的变量
  • 引用类型存储在堆内存中，存储的是地址，多个引用指向同一个地址

数据类型检测​

typeof 1            // 'number'
typeof '1'          // 'string'
typeof undefined    // 'undefined'
typeof true         // 'boolean'
typeof Symbol()     // 'symbol'
typeof null         // 'object'
typeof []           // 'object'
typeof {}           // 'object'
typeof console      // 'object'
typeof console.log  // 'function'
提示
  1. 只能判断基础类型 且 null 会被判断为 会被判断为 object
  2. 如果要判断是否为 null 直接通过 === null 判断即可
  3. 引用类型只能判断出 function 且其他类型仅能判断为 object

实现一个 instanceof 方法​

方法实现
function _instanceOf(left, right) {
  // typeof 判断基础数据类型: 如果是，返回false
  if(typeof left !== 'object' || left === null) return false;
  // getPrototypeOf 能够拿到参数的原型对象
  let proto = Object.getPrototypeOf(left);
  // 循环找相同的原型对象
  while(true) {                  
    if(proto === null) return false;
    // 找到相同原型对象 返回true
    if(proto === right.prototype) return true;
    proto = Object.getPrototypeOf(proto);
  }
}
代码验证
_instanceOf(new Number(123), Number)  // true
_instanceOf(123, Number)              // false

实现一个通用的数据类型判断​

思路

基础类型使用 typeof 进行返回，复杂类型以及 null 通过 Object.prototype.toString 返回

方法实现
export function typeOfData<T>(obj?: T): string {
  const type = typeof obj;
  if (type !== "object") return type;
  return Object.prototype.toString
    .call(obj)
    .replace(/^\[object (\S+)\]$/, "$1")
    .toLowerCase();
}
代码验证
typeOfData([])            // "array"
typeOfData('123')         // "string"
typeOfData(window)        // "window"
typeOfData(null)          // "null"
typeOfData(undefined)     // "undefined"
typeOfData()              // "undefined"
typeOfData(function(){})  // "function"
typeOfData(/123/g)        // "regexp"

数据类型转换​

强制类型转换​

Number()、parseInt()、parseFloat()、toString()、String()、Boolean()

Number() 方法的强制转换规则​

  • 如果是布尔值，true 和 false 分别被转换为 1 和 0；
  • 如果是数字，返回自身；
  • 如果是 null，返回 0；
  • 如果是 undefined，返回 NaN；
  • 如果是字符串，遵循以下规则：如果字符串中只包含数字（或者是 0X / 0x 开头的十六进制数字字符串，允许包含正负号），则将其转换为十进制；如果字符串中包含有效的浮点格式，将其转换为浮点数值；如果是空字符串，将其转换为 0；如果不是以上格式的字符串，均返回 NaN；
  • 如果是 Symbol，抛出错误；
  • 如果是对象，并且部署了 [Symbol.toPrimitive] ，那么调用此方法，否则调用对象的 valueOf() 方法，然后依据前面的规则转换返回的值；如果转换的结果是 NaN ，则调用对象的 toString() 方法，再次依照前面的顺序转换返回对应的值。

Boolean() 方法的强制转换规则​

除了 undefined、 null、 false、 ''、 0（包括 +0，-0）、 NaN 转换出来是 false，其他都是 true。

隐式类型转换​

凡是通过逻辑运算符 (&& || !)、运算符 (+-*/)、关系操作符 (> < <= >=)、相等运算符 (==) 或者 if/while 条件的操作，如果遇到两个数据类型不一样的情况，都会出现隐式类型转换

'==' 的隐式类型转换规则​

  • 如果类型相同，无须进行类型转换；
  • 如果其中一个操作值是 null 或者 undefined，那么另一个操作符必须为 null 或者 undefined，才会返回 true，否则都返回 false；
  • 如果其中一个是 Symbol 类型，那么返回 false；
  • 两个操作值如果都为 string 和 number 类型，那么就会将字符串转换为 number；
  • 如果一个操作值是 boolean，那么转换成 number；
  • 如果一个操作值为 object 且另一方为 string、number 或者 symbol，就会把 object 转为原始类型再进行判断（调用 object 的 valueOf/toString 方法进行转换）

'+' 的隐式类型转换规则​

  • '+' 号操作符，不仅可以用作数字相加，还可以用作字符串拼接。仅当 '+' 号两边都是数字时，进行的是加法运算；如果两边都是字符串，则直接拼接，无须进行隐式类型转换。
  • 如果其中有一个是字符串，另外一个是 undefined、null 或布尔型，则调用 toString() 方法进行字符串拼接；如果是纯对象、数组、正则等，则默认调用对象的转换方法会存在优先级，然后再进行拼接。
  • 如果其中有一个是数字，另外一个是 undefined、null、布尔型或数字，则会将其转换成数字进行加法运算，对象的情况还是参考上一条规则。
  • 如果其中一个是字符串、一个是数字，则按照字符串规则进行拼接。

Object 的转换规则​

  • 如果部署了 Symbol.toPrimitive 方法，优先调用再返回；
  • 调用 valueOf()，如果转换为基础类型，则返回；
  • 调用 toString()，如果转换为基础类型，则返回；
  • 如果都没有返回基础类型，会报错。

相关指南​