对象继承的基础

对象继承的基础

原型是 JavaScript 对象共享属性和方法的机制，也是 class 背后的基础。

适用场景

• 理解 class
• 共享实例方法
• 判断属性来源
• 阅读构造函数风格代码

技术点总览

分批介绍

构造函数创建对象

构造函数通常用来初始化实例自己的属性。

1function User(name) {
2  this.name = name
3}
4 
5const user = new User('Sakura')

prototype 共享方法

放在 prototype 上的方法会被实例共享，不需要每次 new 都重新创建函数。

1User.prototype.sayHi = function () {
2  return 'Hi, ' + this.name
3}
4 
5user.sayHi()

class 写法

class 是更现代的写法，但底层仍然基于原型机制。

1class Article {
2  constructor(title) {
3    this.title = title
4  }
5 
6  read() {
7    return this.title
8  }
9}

使用建议

• 不要随意修改内置对象原型。
• 实例属性会遮蔽原型同名属性。
• 原型链不要设计得太复杂。

小结

对象继承的基础 的重点不是记住某个 API，而是理解它解决的问题、适合的场景以及和其它技术点之间的关系。把每个小知识点拆开看，再组合到真实业务里，代码会更有规律，也更容易维护。