js-关于数据类型

数据类型

类别划分

以存储方式划分，JavaScript的数据类型的可以分为两类：原始数据类型和引用数据类型。
原始数据类型有七种：Undefined、Null、Boolean(布尔)、Number(数字)、String(字符串)、Symbol、BigInt。原始数据类型是直接存放在栈内存中的简单字符串，占据空间小、大小固定。

其中 Symbol 和 Biglnt 是ES6中新增的数据类型:

• Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。
• BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用BigInt 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围。

引用数据类型是：Object，在 JavaScript 中除了原始数据类型以外的都是 Object 类型，包括数组、函数、正则表达式等都是对象。引用类型是存放在堆中的对象，占地空间大，大小不固定。
变量是保存在栈中的一个指向堆中对象的引用地址。当定义了一个变量并初始化为引用值，若将它赋给另一个变量，则这两个变量保存的是同一个地址，指向堆内存中的同一个内存空间。如果通过其中一个变量去修改引用数据类型的值，另一个变量也会跟着改变。

判断方法

1. typeof

console.log(typeof 2);				// number
console.log(typeof true);			// boolean
console.log(typeof 'str');			// string
console.log(typeof []);				// object
console.log(typeof function(){});	// function
console.log(typeof {});				// object
console.log(typeof undefined);		// undefined
console.log(typeof null);			// null

数组 和 null 都会被判断为 Object 类型。这是因为数组在 JavaScript 中实际上是一种特殊的对象，它们是通过索引来存储值的，每个索引对应一个值。而null会被认为是一个空对象（历史遗留问题）。

2. instanceof
   instanceof 可以正确判断引用数据类型，原理：判断在其原型链中能否找到该类型的原型。

  console.log(2 instanceof Number)              // false
  console.log(true instanceof Boolean)          // false
  console.log('str' instanceof String)          // false
  
  console.log([] instanceof Array)              // true
  console.log(function(){} instanceof Function) // true
  console.log({} instanceof Object)             // true

基本数据类型不是对象，没有原型链，使用 instanceof 不能判断其数据类型

3. construtor

  console.log((2).constructor) // Number
  console.log((true).constructor) // Boolean
  console.log(('str').constructor) // String
  console.log(([]).constructor) // Array
  console.log((function(){}).constructor) // function
  console.log(({}).constructor) // Object

construtor有两个作用：

• 判断数据的类型
• 对象实例通过construtor对象访问它的构造函数。（如果创建一个对象改变它的原型，constructor就不能用来判断数据类型了）

4. Object.prototype.toString.call()
   Object.prototype.toString.call() 使用 Object 对象的原型方法 toString 来判断数据类型：

  var a = Object.prototype.toString;
  console.log(a.call(2)) // Number
  console.log(a.call(true)) // Boolean
  console.log(a.call('str')) // String
  console.log(a.call([])) // Array
  console.log(a.call({})) // Object
  console.log(a.call(function(){})) // Function
  console.log(a.call(undefined)) // undefined
  console.log(a.call(null)) // null