JavaScript对象类型（二）之内存管理

2023-11-16 07:11:06

探索 JavaScript 中的复杂对象类型：引用、原型和内存管理

对象类型的独特之处

JavaScript 中的对象类型与其他数据类型有着根本的区别。它不是一个值类型，而是引用类型，这意味着变量指向对象的值，当改变变量的值时，实际上是在更改引用对象的属性。

灵活的构造方式

JavaScript 的对象类型具有极大的灵活性，允许不同的类型进行引用。它也是动态语言中最复杂的一种数据类型。

对象内存管理与原型链

JavaScript 对象的内存管理与原型链的概念密切相关。在 ES5 中，虽然没有类的概念，但一般对象和函数实例都拥有自己的 prototype 属性。该原型属性指向原型对象，原型对象又拥有自己的原型属性，以此类推，形成一个称为原型链的链条。

原型链示例

考虑以下代码示例：

function Person() {}
Person.prototype.sayHello = function() {
  console.log('hello world');
}

function Student() {}
Student.prototype = new Person();
Student.prototype.study = function() {
  console.log('I am studying');
}

const s = new Student();
s.sayHello();
s.study();

在这个示例中，Person 函数创建了一个原型对象 Person.prototype，而 Student 函数使用 new Person() 实例化了 Person 函数，从而在内存中创建了一个对象并返回了指向该内存地址的指针。此时，Student.prototype 指向这个对象，而 Student.prototype 本身也是一个对象。因此，这段代码存在内存浪费问题。

内存浪费解释

要理解内存浪费，我们需要了解以下关系：

Object.prototype 构建了 Function.prototype：Object.prototype 是 Object 的原型对象，Function.prototype 是 Function 的原型对象。
Function.prototype 构建了 Object 和 Function：Function.prototype.constructor 指向 Function，所以 Function.prototype.constructor.prototype 构建了 Object 和 Function。
Object.prototype 构建了 Function.prototype：Function.prototype 的原型是 Object.prototype，因此 Object.prototype 也可以构建 Function.prototype。