【75】JS(7)——对象②简单类型复杂类型的区别

★文章内容学习来源：拉勾教育大前端就业集训营

---

本篇学习目标：
1.掌握简单类型和复杂类型的区别。

---

---

一、简单类型和复杂类型的定义

1.基本类型又叫做值类型，复杂类型又叫做引用类型

• 值类型：简单数据类型，基本数据类型，在存储时，变量中存储的是值本身，因此叫做值类型。
• 引用类型：复杂数据类型，在存储时，变量中存储的仅仅是地址（引用），因此叫做引用 数据类型。

堆和栈
JavaScript 中没有堆和栈的概念，此处我们用堆和栈来讲解，目的是方便理解和方便以后的学习。
堆栈空间分配区别：
栈（操作系统）：由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。
堆（操作系统）： 存储复杂类型(对象)，一般由程序员分配释放， 若程序员不释放，由垃圾回收机制回收。

---

---

二、 基本类型在内存中的存储

• 变量中如果存储的是简单类型的数据，那么变量中存储的是值本身，如果将变量赋值给另一 个变量，是将内部的值复制一份给了另一个变量，两个变量之间没有联系，一个变化，另一 个不会同时变化。

//简单数据类型
var a = 10;
var b = a; //仅仅是把a中存储的数据10赋值给了b
a = 15; //各自独立，a的值又改变成了15，但是b的值不会变
console.log(a);//15
console.log(b);//10

---

---

三、 复杂类型在内存中的存储

• 如果将复杂类型的数据赋值给一个变量，复杂类型的数据会在内存中创建一个原型，而变量中存储的是指向对象的一个地址，如果将变量赋值给另一个变量，相当于将地址复制一份给了新的变量，两个变量的地址相同，指向的是同一个原型，不论通过哪个地址更改了原型，都是在原型上发生的更改，两个变量下次访问时，都会发生变化。

//复杂数据类型：比如对象、数组、函数等
//创建一个对象
var p1 = {
     
    name : "张三",
    sex :  "male",
    height : 180,
    age : 18
};
//赋值给另一个变量
var p = p1; //p和p1指向的是同一个原型，不论哪边改变，原型都会改变
p.name = "李四";
console.log(p);
console.log(p1);

---

---

四、基本类型作为函数的参数时

• 基本类型的数据作为函数的参数，符合基本类型的数据特点。

//基本类型作为函数的参数，复合基本类型的特点
function f1(a,b) {
     
    a = a + 1;
    b = b + 1;
    console.log("a=" + a);
    console.log("b=" + b);
}
//定义基本类型数据x y
var x = 5;
var y = 6;
//将x y 赋值给函数中的参数a b
f1(x,y); // a=6 b=7 
// 不影响原x y 的值
console.log(x);  //5
console.log(y);  //6

---

下篇继续：【76】JS(7)——对象③内置对象(1)基本介绍