js数据类型整理、检测、转换

数据类型整理

js数据类型为8种
基础类型 undefined,Null,Boolean,String,Number,Symbol,BigInt
引用数据类型为Object，常见的引用类型为Array,RegExp,Date,Math,Function。

1. 基础数据类型存储在栈内存，被引用或者拷贝时，会创建衣蛾完全相等的变量
2. 引用类型存储在堆内存，存储的是地址，多个引用指向同一个地址，处于“共享”的状态。

一个对象＋function例子

let a = {
    nae:'jake',
    age:18
}

function change (e){
    e.age = 20
    e = {
        name :'tom',
        age:30
    }
    return e
}
let b  = change(a);
console.log(b.age)
console.log(a.age)

打印结果为

30
20

function中第一行代码改变了a对象的age属性，但是return e把新对象e={name:'tom',age:30}地址返回给了b，如果function没有return，第一行打印会提示undefined

数据类型检测

第一种检测方式，typeof

typeof 1 // 'number'
typeof '1' // 'string'
typeof undefined // 'undefined'
typeof true // 'boolean'
typeof Symbol() // 'symbol'
typeof null // 'object',js遗留BUG，不代表null是引用数据类型，也不是对象
typeof [] // 'object'
typeof {} // 'object'
typeof console // 'object'
typeof console.log // 'function'

第二种检测方式instanceof

let Human = function(){};
let women = new Human()
console.log(women instanceof Human) // true
let man  = new String("Human");
console.log(man instanceof String) // true
let str = "abc";
console.log(str instanceof String) // false

根据instanceof现有的特性，实现一个myinstanceof

function myinstanceof(val,typeName) {
    if(typeof val  !== 'object' || val === null) return false
    // getPrototypeOf用于拿到参数原型对象
    let proto = Object.getPrototypeOf(val);
    while(true){
        if(proto === null)  return false;
        if( proto === typeName.prototype) return true;
        proto = Object.getPrototypeOf(proto)
    }
}

console.log(myinstanceof('123',String))  // false
console.log(myinstanceof(new String('123'),String))  // true

以上得知，typeof和instanceof两种判断类型的方式都存在问题

1. instanceof 可以准确地判断复杂引用数据类型，但是不能正确判断基础数据类型；
2. typeof 可以判断基础数据类型（null 除外），但是引用数据类型中，除了 function 类型以外，其他的也无法判断

第三种检测方式Object.prototype.toString

Object.prototype.toString({})       // "[object Object]"
Object.prototype.toString.call({})  // "[object Object]"
Object.prototype.toString.call(1)    // "[object Number]"
Object.prototype.toString.call('1')  // "[object String]"
Object.prototype.toString.call(true)  // "[object Boolean]"
Object.prototype.toString.call(function(){})  // "[object Function]"
Object.prototype.toString.call(null)   //"[object Null]"
Object.prototype.toString.call(undefined) //"[object Undefined]"
Object.prototype.toString.call(/123/g)    //"[object RegExp]"
Object.prototype.toString.call(new Date()) //"[object Date]"
Object.prototype.toString.call([])       //"[object Array]"
Object.prototype.toString.call(document)  //"[object HTMLDocument]"
Object.prototype.toString.call(window)   //"[object Window]"

基本次方法特点，可以实现一个获取数据类型的方法

function getType(val) {
    let type = typeof val;
    // 基础数据类型直接返回
    if (type !== "object")
        return type
    // object
    return Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, '$1');  // 注意正则中间有个空格
}

类型转换规则

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

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

Number(true);        // 1
Number(false);       // 0
Number('0111');      //111
Number(null);        //0
Number('');          //0
Number('1a');        //NaN
Number(-0X11);       //-17
Number('0X11')       //17

Boolean() 方法的强制转换规则
规则：除了 undefined、 null、 false、 ''、 0（包括 +0，-0）、 NaN 转换出来是 false，其他都是 true。

隐式类型转换

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

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

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

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

Object 的转换规则
对象转换的规则，会先调用内置的 [ToPrimitive] 函数，其规则逻辑如下：

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