JS 面试题常见知识点（二）—— 原型链

1. 定义一个类

   // 创建一个父类
   class People {
       constructor(name) {
           this.name = name
       }
       say() {
           console.log(`${this.name}`)
       }
   }
   
   // 创建一个子类继承父类
   class Student extends People {
       constructor(name, number) {
           super(name)
           this.number = number
       }
       study() {
           console.log(`姓名 ${this.name} 学号 ${this.number}`)
       }
   }
   
   // 创建一个子类继承父类
   class Teacher extends People {
       constructor(name, major) {
           super(name)
           this.major = major
       }
       teach() {
           console.log(`${this.name} 教授 ${this.major}`)
       }
   }
   
   // 通过类 new 对象/实例
   const stu = new Student('张三', 100)
   console.log(stu.name)
   console.log(stu.number)
   stu.say()
   stu.study()
   
   // 通过类 new 对象/实例
   const tea = new Teacher('李四', '语文')
   console.log(tea.name)
   console.log(tea.major)
   tea.teach()
   tea.say()
   

2. 类型判断

   stu instanceof Student // true
   stu instanceof People // true
   stu instanceof Object //true
   
   // class 实际上是函数
   typeof People	// 'function'
   typeof Student	// 'function'
   
   // stu 的隐式原型等于 Student 的显示原型
   stu.__proto__ === Student.prototype
   

3. 原型关系

   • 每个 class 都有显示原型 prototype
   • 每个实例都有隐式原型 __proto__
   • 实例的 __proto__ 指向对应 class 的 prototype

4. 基于原型的执行规则

   • 获取属性 stu.name 或执行方法 stu.study() 时
   • 先在自身属性和方法寻找
   • 如果找不到则自动去 __proto__ 中查找