12、JavaScript 继承模式全解析

JavaScript 继承模式全解析

1. 继承方式概述

在 JavaScript 中，继承是实现代码复用的重要手段。有多种继承模式可供选择，各自有不同的特点和适用场景。下面将详细介绍几种常见的继承模式。

1.1 不同继承方式对属性的影响

在 JavaScript 中，父类 Article() 有两种继承方式。默认模式下， blog 对象通过原型访问 tags 属性，因此 tags 不是它的自有属性，使用 hasOwnProperty() 方法会返回 false 。而 page 对象使用借用构造函数的方式，获得了父类 tags 成员的一个副本（而非引用），所以它有自己的 tags 属性。

当修改继承的 tags 属性时，会有不同的表现：

// 假设存在 article 对象
blog.tags.push('html');
page.tags.push('php');
alert(article.tags.join(', ')); // "js, css, html"

在这个例子中， blog 子对象修改 tags 属性时，也会修改父对象，因为 blog.tags