说说 javascript 中的数据类型？存储上的差别?

[ccc1018]

1.1.前言
在JavaScript 中，我们可以分成两种类：

• 基本类型
• 复杂类型
  两种类型的区别是：存储位置不同
  1.2.基本类型
  基本类型主要为以下6种：
• Number
• String
• Boolean
• undefined
• null
• symbol
  1.2.1.Number
  数值最常见的整数类型格式则为十进制，还可以设置八进制（零开头）、十六进制（0x开头）

let intNum = 55 // 10进制的55
let num1 = 070 // 8进制的56
let hexNum1 = 0xa //16进制的10

浮点类型则在数值汇总必须包含小数点，还可以通过科学计数法表示

let floatNum1 = 1.1;
let floatNum2 = 0.1;
let floatNum3 = .1; //有效，但不推荐
let floatNum = 3.125e7; //等于31250000

在数值类型中，存在一个特殊数值Nan,意为“不是数值”，用于表示本来要返回数值的操作失败了（而不是抛出错误）

console.log(0/0)  //NaN
console.log(-0/+0) //NaN

1.2.2.undefined
undefined类型只有一个值，就是特殊值undefined。当使用var或let声明了变量但没有初始时，就相当于给变量赋值了undefined

let message;
console.log(message == undefined);  //true

包含undefined值的变量跟未定义变量是有区别的

let message; //这个变量被声音了，只是值为undefined
console.log(message) //"undefined"
console.log(age); //没有声明过这个变量，报错

1.2.3S.tring
字符串可以使用双引号（"）、单引号（'）或反引号（`）标示

let firstName = "John"
let lastName = "Jacob";
let lastName = Jingleheimerschmidt

字符串是不可变的，意思是一旦创建，它们的值就不能变了
let lang = "Java";
lang = lang +"Script"；//先销毁在创建
1.2.4.Null
Null类型同样只有一个值，即特殊值null
逻辑上讲，null值表示一个空对象指针，这也是给typeof传一个null会返回object“”的原因

let car = null;
console.log(typeof car); //"object"

undefined值是由null值派生而来

console.log(null == undefined)； //true
只要变量要保存对象，而当时又没有那个对象可保存，就可用`null`来填充该变量

1.2.5.Boolean
Boolean(布尔值)类型有两个字面值：true和false
通过Boolean可以将其他类型的数据转换成布尔值
规则如下：

数据类型	转换为false的值	转换为true的值
String	""	非空字符串
Number	0、NaN	非零数值（包括无穷值）
Object	null	任意对象
undefined	undefined	N/A(不存在)
1.2.6.Symbol
Symbol(符号)是原始值，且符号实例是唯一，不可变的。符号的用途是确保对象属性使用唯一标识符，不会发生属性冲突的威胁

let genericSymbol = Symbol();
let otherGenericSymbol =Symbol();
console.log(genericSymbol == otherGenericSymbol) //false
let fooSymbol = Symbol('foo');
let otherFooSymbol= Symbol('foo');
console.log(fooSymbol == otherFooSymbol); // false

1.3.引用类型
复杂类型统称为Object，我们这里主要讲述下面三种：

• Object
• Array
• Function
  1.3.1.Object
  创建object常用方式为对象字面量表示法，属性名可以是字符串或数值

let person = {
"name":"Nicholas",
"age":29,
5:true
}

1.3.2.Array
JavaScript数组是一组有序的数据，但跟其他语言不同的是，数组中每一个槽位可以存储任意类型的数据。并且，数组也是动态大小的，会随着数据添加而自动增长

let colors = ["red",2,{age:20}]
colors.push(2)

1.3.3.Function
函数实际上是对象，每个函数都是Function类型的实例，而Function也有属性和方法，跟其他引用类型一样
函数存在三种常见的表达方式：

• 函数声明

//函数声明
function sum(num1,num2){
return num1+num2;
}

• 函数表达式

let sum = function (num1,num2){
return num1+num2;
}

• 箭头函数

let sum = (num1,num2)=>{
return num1+num2;
}

1.3.4.其他引用类型
除了上述说的三种之外，还包括Date、RegExp、Map、Set等......
1.4.存储区别
基本数据类型和引用数据类型存储在内存中的位置不同

• 基本数据类型存储在栈中
• 引用类型的对象存储于堆中
  当我们吧变量赋值给一个变量是，解析器首先要确认的就是这个值是基本类型还是引用类型值
  下面来举个例子
  1.4.1.基本类型

let a = 10;
let b =a; //赋值操作
b = 20;
console.log(a); //10值

a的值为一个基本类型，是存储在栈中，将a的赋值给b,虽然两个变量的值相等，但是两个变量保存了两个不同的内存地址
下图演示了基本类型赋值的过程：