DEV Community
·
理解JavaScript中的原型：继承与内存效率的关键
内容提要
JavaScript中的对象具有自身属性，若找不到特定属性，则通过原型链查找。对象的[[Prototype]]属性指向另一个对象，子对象可以继承父对象的方法和属性，从而节省内存。推荐使用Object.create替代__proto__。
关键要点
-
对象具有自身属性，若找不到特定属性，则通过原型链查找。
-
对象的[[Prototype]]属性指向另一个对象，子对象可以继承父对象的方法和属性。
-
推荐使用Object.create替代__proto__。
-
当读取对象的属性不存在时，JavaScript会继续在原型链中查找该属性。
-
关键字this指向调用属性或方法的对象。
-
使用__proto__在现代JavaScript中不推荐，因性能和潜在问题。
-
JavaScript内置对象如Array、Function和Map，其方法存储在原型中。
-
原始值如数字会被JavaScript临时包装为对象以访问其方法。
-
对象不能循环引用或同时引用两个对象，必须遵循线性结构。
延伸解读
原型链的内存效率
JavaScript中的原型链机制允许对象共享方法和属性，从而节省内存。通过继承，子对象可以使用父对象的方法，而无需在每个对象中重复定义。这种设计在处理大量对象时尤为重要，可以显著提高性能和内存使用效率。
使用Object.create的优势
现代JavaScript中，推荐使用Object.create来创建对象，而非__proto__。Object.create不仅提高了代码的可读性，还能避免潜在的性能问题和错误。使用Object.create可以更清晰地定义原型关系，增强代码的可维护性。
this关键字的作用
在JavaScript中，this关键字的指向依赖于调用上下文。当访问对象的属性或方法时，this指向调用该属性或方法的对象。这一特性在继承中尤为重要，确保了子对象能够正确访问和修改其父对象的属性。
延伸问答
JavaScript中的原型链是如何工作的？
JavaScript中的原型链允许对象通过其[[Prototype]]属性查找属性，如果对象自身没有该属性，则会在其原型中查找，直到找到或到达原型链的顶端。
为什么不推荐使用__proto__？
__proto__在现代JavaScript中不推荐使用，因为它可能导致性能问题和潜在的错误，建议使用Object.create来实现相同的功能。
如何使用Object.create创建对象？
可以使用Object.create方法来创建一个新对象，并将其原型设置为指定的对象，例如：let admin = Object.create(user);
JavaScript中的this关键字指向什么？
在JavaScript中，this关键字指向调用属性或方法的对象，因此在admin.fullName中，this指向admin对象。
JavaScript的内置对象有哪些？
JavaScript的内置对象包括Array、Function和Map等，这些对象的方法存储在它们的原型中。
对象在JavaScript中如何节省内存？
对象通过原型继承父对象的方法和属性，从而避免重复存储相同的功能，节省内存。
