Js 基本类型和引用类型

　　

　　一个变量可以存放两种类型的值，基本类型的值（primitive values）和引用类型的值（reference values）。

　　ES6 引入了一种新的原始数据类型 Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。

　　一、基本类型

　　JavaScript 中共有 6 种基本数据类型：Undefined、Null、Boolean、Number、String、Symbol (new in ES 6)！

　　基本数据类型的值是按值访问的。

　　基本类型的值是不可变的。　　

var str = "123hello321";
str.toUpperCase();     // 123HELLO321
console.log(str);      // 123hello321

　　基本类型的变量是存放在栈内存（Stack）里的。

var a,b;
a = "zyj";
b = a;
console.log(a);   // zyj
console.log(b);   // zyj
a = "呵呵";       // 改变 a 的值，并不影响 b 的值
console.log(a);   // 呵呵
console.log(b);   // zyj

　　

　　图解如上：栈内存中包括了变量的标识符和变量的值。

 

　　二、引用类型

　　　　除过上面的 6 种基本数据类型外，剩下的就是引用类型了，统称为 Object 类型。细分的话，有：Object 类型、Array 类型、Date 类型、RegExp 类型、Function 类型 等。

 　　　　引用类型的值是按引用访问的。

　　　　（1）引用类型的值是可变的

var obj = {name:"zyj"};   // 创建一个对象
obj.name = "percy";       // 改变 name 属性的值
obj.age = 21;             // 添加 age 属性
obj.giveMeAll = function(){
  return this.name + " : " + this.age;
};                        // 添加 giveMeAll 方法
obj.giveMeAll();

　　　　（2）引用类型的比较是引用的比较

var obj1 = {};    // 新建一个空对象 obj1
var obj2 = {};    // 新建一个空对象 obj2
console.log(obj1 == obj2);    // false
console.log(obj1 === obj2);   // false

　　　　　　因为 obj1 和 obj2 分别引用的是存放在堆内存中的2个不同的对象，故变量 obj1 和 obj2 的值（引用地址）也是不一样的！

　　　　（3）引用类型的值是保存在堆内存（Heap）中的对象（Object）

　　　　　　与其他编程语言不同，JavaScript 不能直接操作对象的内存空间（堆内存）。

var a = {name:"percy"};
var b;
b = a;
a.name = "zyj";
console.log(b.name);    // zyj
b.age = 22;
console.log(a.age);     // 22
var c = {
  name: "zyj",
  age: 22
};

　　　　　图解如下：

• • 栈内存中保存了变量标识符和指向堆内存中该对象的指针

  • 堆内存中保存了对象的内容

  • 

　　　　三、类型检测

　　　　1、typeof：经常用来检测一个变量是不是最基本的数据类型

var a;
typeof a;    // undefined

a = null;
typeof a;    // object

a = true;
typeof a;    // boolean

a = 666;
typeof a;    // number 

a = "hello";
typeof a;    // string

a = Symbol();
typeof a;    // symbol

a = function(){}
typeof a;    // function

a = [];
typeof a;    // object
a = {};
typeof a;    // object
a = /aaa/g;
typeof a;    // object   

　　　　2、instanceof：用来判断某个构造函数的 prototype 属性所指向的对象是否存在于另外一个要检测对象的原型链上，简单说就是判断一个引用类型的变量具体是不是某种类型的对象。

　　　　用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置--MDN

({}) instanceof Object              // true
([]) instanceof Array               // true
(/aa/g) instanceof RegExp           // true
(function(){}) instanceof Function  // true

　　

　　详情戳这里