JavaScript基础-8.简单数据类型和复杂数据类型

一、简单数据类型和复杂数据类型

简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。

• 值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型string，number，boolean，undefined，null
• 引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型通过 new关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等

// 基本包装类型
var str = 'andy';
console.log(str.length);
// 对象 才有 属性和方法   复杂数据类型才有 属性和方法 
// 简单数据类型为什么会有length 属性呢？ 
// 基本包装类型：  就是把简单数据类型 包装成为了 复杂数据类型 
// (1) 把简单数据类型包装为复杂数据类型 
var temp = new String('andy');
// (2) 把临时变量的值 给 str
str = temp;
// (3) 销毁这个临时变量
temp = null;

堆和栈（js没有堆和栈的概念）

注意：JavaScript中没有堆栈的概念，通过堆栈的方式，可以让大家更容易理解代码的一些执行方式，便于将来学习其他语言。

1. 栈（操作系统）：由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈； 简单数据类型存放到栈里面
2. 堆（操作系统）：存储复杂类型(对象)，一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。 复杂数据类型存放到堆里面

简单类型的内存分配

复杂类型的内存分配

二、数据类型传参

简单数据类型传参

// 简单数据类型传参
function fn(a) {
    a++;
    console.log(a);		// 11
}
var x = 10;
fn(x);
console.log(x);		// 10

复杂数据类型传参

// 复杂数据类型传参
function Person(name) {
    this.name = name;
}
function f1(x) { // x = p
    console.log(x.name); // 团团   
    x.name = "丸子";
    console.log(x.name); // 丸子
}
var p = new Person("团团");
console.log(p.name); // 团团 
f1(p);
console.log(p.name); // 丸子