js中数据类型和存储区别

一、基本类型

1.number：数值中最常见的整数类型格式为十进制，在数值类型中存在一个特殊的数值NaN，意为“这不是一个数值”，用于表示本来要返回数值的操作失败了（而不是抛出错误）。

2.undefined：类型只用一个值，就是特殊值undefined。当使用var或者let声明了一个变量但没有初始化时，就相当于给变量赋予了undefined值。注意（包含undefined值的变量和未定义变量是有区别的）。

let message; // 这个变量被声明了，只是值为 undefined

console.log(message); // "undefined"
console.log(age); // 没有声明过这个变量，报错

3.string：字符串可以使用双引号、单引号、反引号表示，字符串是不可变的，意思是一旦创建，它们的值就不能变了。

let lang = "Java";
lang = lang + "Script";  // 先销毁再创建

 4.null：null类型同样只有一个值，即特殊值null。逻辑上讲，null值表示一个空对象指针，这也是给typeof传一个null会返回object的原因。只要变量要保存对象，而当时又没有哪个对象需要保存，就可以用null来填充这个变量。

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

 5.boolean：boolean（布尔值）类型有两个字面量：true和false。通过boolean可以将其他类型的数据转成布尔值（除0、-0、false、null、undefined、nan、“ ”（空字符串）以外，均转换成true）。

二、引用类型

1.object：创建object常用的方式为对象字面量表示法，属性名可以是字符串或数值。

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

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

3.function：函数实际上是对象，每个函数都是function类型的实例，而function也是有属性和方法，跟其他引用类型一样。

函数存在三种常见的表达

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

//函数表达式
let sum = function(num1, num2) {
    return num1 + num2;
}

//函数对象方式
let sum = new function('num1','num2',return num1 + num2)

三、存储区别

基本数据类型和引用数据类型存储在内存中的位置不同：

• 基本数据类型存储在栈中

• 引用类型存储在堆中

当我们赋值给一个变量时，解析器首先要确认的就是这个值是基本类型还是引用类型的值。

基本类型

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

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

 引用类型

let obj1 = {}
let obj2 = obj1;
obj2.name = "Xxx";
console.log(obj1.name); // xxx

引用类型数据存放在堆中，每一个堆内存中有一个引用地址，该地址存放在栈中。

obj1是一个引用类型，在赋值操作过程中，实际是将堆内存对象在栈内存的引用地址复制了一份给obj2，实际上它们共同指向了同一个堆内存对象，所以更改obj2会对obj1产生影响,下图演示这个引用类型赋值过程

四、小结

声明变量时不同的内存地址分配：

简单类型的值存放在栈中，在战中存放的是对应的值。

引用类型对应的值存放在堆中，在栈中存放的是指向堆内存的地址。

不同的类型数据导致赋值变量时的不同：

简单类型赋值，是生成相同的值，两个对象对应不同的地址。

复杂类型赋值，是将保存对象的内存地址赋值给另一个变量。也就是说两个变量指向堆内存中的同一个对象。

目录

一、基本类型

二、引用类型

三、存储区别

四、小结

---