请你讲一讲JavaScript有哪些数据类型, 数据类型判断有哪些方法?

js的8种数据类型

JavaScript中有8种数据类型, 包括基本数据类型(number, string, boolean, null, undefined, symbol, bigint)和引用数据类型object

number

JavaScript中的整数和浮点数都会按照浮点数的标准进行存储.

即64个二进制位, 从最左边开始:
第1位: 符号位, 0表示正数, 1表示负数
第2到第12位: 存储指数部分
第13到第64位: 存储小数部分

其中, 符号位决定一个数是正数还是负数, 指数部分决定了一个数的大小, 小数部分决定了一个数的精度

数值精度
JavaScript提供的有效数字最长为53个二进制位, 这意味着绝对值小于2的53次方的整数都能够精确表示

JavaScript内部实际的表现形式:
(-1)^符号位 * 1.xxx...xxx * 2^指数

Math.pow(2, 53) === Math.pow(2, 53) + 1

0.1 + 0.2 = 0.30000000000000004就是因为精度缺失的原因, 还有人因此做了一个网站: (http://0.30000000000000004.com/)
Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER分别表示js的最大安全数和最小安全数

数值范围
指数部分的最大值是2047(2^11 - 1), 分出一半表示负数, 那么JavaScript能够表示的数值范围为2^1024到2(-1023)
Number.MAX_VALUE和Number.MIN_VALUE代表js可表示的最大数字和最小数字
当一个浮点值大于(小于)js所能表示的最大(最小)值时, 其结果是Infinity(-Infinity), 12/0返回Infinity, -12/0返回-Infinity

NaN
NaN表示not a number(非数字), NaN和任何值都不相等, 包括它自己. 所以x != x当且仅当x是NaN时成立. 0/0会返回NaN

• Number.isNaN(Number.NaN)
• x != x 可以用来检测x是否是NaN
• Number.isFinite()可以用来检测Number.NaN和Infinity.

bigint

bigint可以使用任意精度表示整数. 即使超出js的安全数, 也可以安全地存储和使用大整数
bigint不能表示小数
BigInt(123)

string

js中的字符串是不可变的, str.length可表示字符串的长度
基本数据类型字符串它不是对象, 却能够使用对象才有的属性和方法进行操作(比如str.length, str.split('-')), 这是因为三个关键的基本数据类型都有自己对应的对象(Number, String和Boolean). 这三个对象是针对数字, 字符串和布尔值的包装.
当我们在对象环境中使用字符串时(比如使用str.length), JavaScript会为这个字符串内部地创建一个String对象, 这个对象就代替了原始的字符串值来执行相应的操作. 注意此时被创建的String对象只是瞬时存在的, 使用之后系统就会自动将其丢弃.

boolean

null, undefined, 0, -0, NaN, ''都可以转成false

null和undefined

null == undefined会返回true, null === undefined会返回false

symbol

symbol代表独一无二的值

let s = Symbol(); // 这样就生成了一个唯一不可变的值
let s1 = Symbol('s1'); // 参数表示对symbol值的描述
let s2 = Symbol('s1'); // s1 == s2会返回false

let a1 = Symbol.for('aa');
let a2 = Symbol.for('aa'); // a1 === a2会返回true

• 用symbol作为对象的属性名时, 不能通过点去访问属性, 通过点访问, js会将属性名解析成字符串
• JSON中无法存储Symbol类型的值
• 不可枚举: 当Symbol值作为对象属性名时, 可以保证对象不会出现重复的属性, for in等方式无法枚举Symbol值出来, 可以调用Object.getOwnPropertySymbols()获取Symbol值. 借助Symbol的不可枚举特性可以在js中模拟私有变量

object

对象是通过调用特殊的构造函数创建的, 常常要使用到的对象有以下:

• function: JavaScript的函数是具有可执行代码的对象, 可以通过调用函数执行某些操作
• array
• class
• Date日期
• RegExp正则表达式
  • 匹配所有中文字符, 匹配邮箱
• Math数学
  • Math.ceil(), Math.floor()
  • Math.round(), Math.random()
• JSON
  • null, NaN, Infinity, -Infinity, 正则对象和undefined都会被转成null
  • JSON.parse(JSON.stringify())
• Error: 程序中发生的语法错误和运行时错误的对象

数据类型判断

typeof

• 对于非object的基本类型, 除null以外, 均可返回意料之中的结果
• 对于引用类型, 除function以外, 一律返回object
• 对于null, 返回object
• 对于function, 返回function
• typeof(typeof a)返回的是string

因为typeof NaN会返回number, 但是NaN不能用于数值计算, 所以在使用typeof判断数字时, 建议这样子做: typeof num == 'number' && Number.isFinite(num)

instanceof

A instanceof B是用来判断B的原型是否在A的原型链上
instanceof的问题在于它假定只有一个全局执行环境, 如果存在两个及以上的全局执行环境, 那么就存在不同的构造函数, 此时instanceof无法进行判断

Object.prototype.toString.call

Object.prototype.toString.call(true) === '[object Boolean]'

constructor

当声明定义一个构造函数时, js会为构造函数添加一个prototype属性指向构造函数的原型对象, 这个原型对象会有一个constructor属性指向构造函数. 而当使用new和构造函数创建一个实例对象时, 实例对象会继承原型对象的constructor属性

let a = [], b = 100;
a.constructor == Array
b.constructor == Number

当程序员重写prototype指向之后, 原来的constructor就会丢失

使用JavaScript写一个判断数据类型的函数

function getType(data) {
    if(data === null) return 'Type: null';
    else if(data === undefined) return 'Type: undefined';
    else if(typeof data == 'number' && Number.isFinite(data)) return 'Type: number';
    else if(typeof data == 'string') return 'Type: string';
    else if(typeof data == 'boolean') return 'Type: boolean';
    else if(typeof data == 'function') return 'Type: function';
    else {
        let tmp = Object.prototype.toString.call(data);
        return 'Type:' + tmp.slice(7, tmp.length-1).toLowerCase();
    }
}