简述 JS 中的基本类型和引用类型 (javascript红皮书二刷 - Ch4.1 基本类型和引用类型的值)

基本类型和引用类型

• 引用类型 Object

var obj_1 = new Object()
var obj_2 = obj_1
obj_1.name = "hello"
// 此时 obj_2.name 也是 "hello", 因为 obj_1, obj_2 实际上是同一个对象的引用

• 基本类型 Number / String ...

var int_1 = 10
var int_2 = int_1
var int_1 = 20
// 此时 int_1 = 20, int_2 = 10, 因为 基本类型只是传递了数值

typeof 和 instanceof

• typeof 用于判断是否为 某种类型
• instanceof 用于判断是否为 某种对象的引用

var num = 5
var numList = [1, 2, 3, 4, num]

if (numList instanceof Array) { // true }
if (num typeof Number) { // true }
if (numList typeof Object) { // true }

引用类型 & 局部变量

注意到如下操作：

function setName(obj) {
	obj.name = "old_8"
}
var player = new Object()
setName(obj)
// 此时 player.name = "old_8"

为什么？因为传进去的 obj 此时也是一个 引用类型 数据，他指向了实际的 player 变量，所以即使在看起来 局部 的 setName() 中，也可以操作外部的对象数据，那么我们来看看下面的代码～

function setName(obj) {
	obj.name = "old_8"
	obj = new Object()
	obj.name = "new_8"
}
var player = new Object()
setName(obj)
// 此时仍然 player.name = "old_8"

按照上面的解释，我将 obj 变量的引用 指向了一个 new Object()，为什么最终 player.name 仍然是旧的数据呢？简单理解就是：

函数的参数，可以类似为一个局部变量，执行函数时外部传递进来的值会复制到局部变量上，我此时对这个参数进行修改，只是修改了这个局部变量，而 player 指向的内容仍然还是原来的 Object

另外，在 setName() 中通过 obj = new Object() 创建的对象，在函数体生命结束后，也会自然地被释放掉了，这里也有例外和特殊情况，将在后面的生命周期章节展开。