学习ES6（三）：基本引用类型之原始值与引用值

概念

原始值：表示单一的数据，如10，‘abc’，true等，ES6设计了6种原始值：

• undefined,Null,Boolean,Number,String,Symbol。
• 保存原始值的变量是按值访问，操作存储在变量内存中的实际值。

引用值：表示有多个值（原始值或其他引用值）构成的对象。

• ES不允许直接访问对象的内存空间。
• 实际操作对象时，访问的是保存对象的内存地址，即该对象的引用。
  动态属性
• 原始值是不可改变的。
• 引用值（对象）可以随时添加，修改和删除其属性的方法

let person = new Object()
person.name = "John"
person.showMe = function(){
	console.log("hi iam" + this.name)
}
person.showMe()//hi iam John

• 原始值不能有属性。

let one = "tom"
one.age = 20
console.log(one,one.name)//tom undefined

值传递

• 赋值，即将值复制给变量的过程
• 原始值与引用值传递的区别
  • 本质上没有区别，都是将变量中保存的信息赋值给另一个变量。
    比如下面的例子：

let a = 100;
let b = a;
b++;
console.log(a,b)//100 101

let obj1 = {value:100},
let obj2 = obj1;
obj2.value = 200;
console.log(obj1.value,obj2.value)//200 200

观察上面两个例子，一个是操作原始值的赋值，一个是操作引用的赋值。
他们两个的区别在于，对原始值的引用不论在操作前还是操作后，他的值都不变。但是引用值是引用的一个内存上的地址，地址是不会变的，变的是地址里面的东西。打个比方，你在三班，不管你是长胖，改名还是干什么，你都是三班的。只是你的某些东西改变了而已。而当你将你们班的人数增加的话，你们班登记的吃饭人数，都会随着变化。在其他地方显示你们班的人数都会变化。
确定类型

• 通过 typeof 操作符来判断一个值的类型。

let s = "nick"
let b = true
let i = 22
let u;
let n = null;
let obj = new Object();
let a = [1,2,3];
console.log(typeof s);//string
console.log(typeof b);//boolean
console.log(typeof i);//number
console.log(typeof u);//undefined
console.log(typeof n);//object
console.log(typeof obj);//object
console.log(typeof a);//object

以上都是对引用值的判断，所以 typeof 的意义不大，太笼统了，不能更细致地描述类型。
通常采用 instanceof 操作符，判断引用值是否为某个构造函数的实例。

let obj = new Object();
let a = [1,2,3];
console.log(obj instanceof Object);//true
console.log(a instanceof Array);//true

既然是判断，肯定返回的布尔值，如上。
原始值包装类型

• 为了方便操作原始值，ES提供了三种特殊的引用类型：Boolean、Number、String。
• 每当用到某个原始的方法或属性时，后台会创建一个相应的原始值包装类型的对象，从而暴露出操作原始值的各种方法。

let s1 = "hello world"
let s2 = s1.substr(0,5)

后台执行步骤：

let s1 = new String("hello world")

创建一个包含了原始值的String类型的实例；
调用实例上的特定方法；
销毁该实例；
分析一下代码的区别：

let value = "200";
let number = Number(value);
console.log(typeof number);//number
let obj = new Number(value);
console.log(tyof obj)//object

其中，
Number()直接调用作为转型函数。
new Number() 作为构造函数。