原始值与引用值
原始值
- 最简单的数据。
- 原始值不能添加属性，尝试添加属性也不会报错。
let person = "Hello";
person.name = "Fat";
console.log(person.name); // undefined
- 原始值初始化时可以只使用原始字面量形式，如果使用
new关键字，则javascript会创建一个object类型的实例，行为类似原始值。
let person1 = "Hello";
let person2 = new String("Hello");
person1.name = "Fat";
person2.name = "Fat";
console.log(person1.name); // undefined
console.log(person2.name); // Fat
console.log(typeof person1); // string
console.log(typeof person2); // object
引用值
- 由多个值构成的，是保存在内存中的对象。
- 操作对象时，实际上操作的是该对象的引用。
- 可以随时添加，修改和删除其属性和方法。
- 可以动态添加后面可以使用的属性。
let person = new Person();
person.name = "Fat";
console.log(person.name); // Fat
共同点和不同点
共同点
- 定义方式类似，都是创建一个变量。
不同点
- 在变量保存之后，可以对这个值做什么。
- 通过变量复制时有所不同。
原始值：通过一个变量把一个原始值赋值到另一个变量，原始值会被复制到新变量位置。num2 跟存储在 num1 中的 5 是完全独立的，互不干扰。
let num1 = 5;
let num2 = num1;
image.png
引用值：从一个变量赋给另一个变量时，复制的值实际上是一个指针，它指向存储在堆内存中的对象。操作完成后，两个变量实际上指向同一个对象，因此一个对象上面的变化会在另一个对象上反映出来，变量指向的是堆内存中对象同个地址。
let obj1 = new Object();
let obj2 = obj1;
obj1.name = "Fat";
console.log(obj2.name); // Fat
image.png
原始值和引用值的参数传递
ECMAScript 中所有函数的参数都是按值传递的。
如果是原始值，那么就跟原始值变量的复制一样。
如果是引用值，那么就跟引用值变量的复制一样。
在按值传递参数时，值会被复制到一个局部变量。在按引用传递参数时，值在内存中的位置会被保存在一个局部变量，这意味着对本地变量的修改会反映到函数外部。
function addTen(num) {
num += 10;
return num;
}
let count = 20;
let result = addTen(count);
console.log(count); // 20 没有变化
console.log(result); // 30
在函数内部，参数 num 的值被加上了 10，但这不会影响函数外部的原始变量 count。
如果变量中传递的是对象，看这个例子：
function setName(obj) {
obj.name = "Fat";
}
let person = new Object();
setName(person);
console.log(person.name); // Fat
当函数内部给 obj 设置了 name 属性时，函数外部的对象也会反映这个变化，因为 obj 指向的对象保存在全局作用域的堆内存上。我们再看看下面修改后的例子：
function setName(obj) {
obj.name = "Fat";
obj = new Object();
obj.name = "Vei"
}
let person = new Object();
setName(person);
console.log(person); // Fat
如果 person 是按引用传递的，那么 person 应该自动将指针改为指向 name 为 Vei 的对象，可是，当我们再次访问 person.name 时，它的值是 Fat。这表明函数中参数的值改变之后，原始的引用仍然没变。当 obj 在函数内部被重写时，它变成了一个指向本地对象的指针。
原始类型和引用类型的判断
typeof操作符最适合用来判断一个变量是否为原始类型。例子：
let s = "Fat";
let b = true;
let i = 22;
let u;
let n = null;
let o = new Object();
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 o); // object
typeof 对判断原始值很有用，但对于引用值用处不大，通常我们都会使用 instanceof 操作符，语法如下：。
result = variable instanceof constructor
如果变量是给定引用类型的实例，则 instanceof 操作符返回 true。
console.log(person instanceof object); // 变量 person 是 object 吗？
console.log(person instanceof Array); // 变量 person 是 Array 吗？
console.log(person instanceof RegExp); // 变量 person 是 RegExp 吗？
按照定义，所有引用值都是 object 的实例，因此通过 instanceof 操作符检测任何引用值和 object 构造函数都会返回 true。类似地，如果用 instanceof 检测原始值，则始终会返回 false 因为原始值不是对象。
网友评论