面试-JS基础知识-原型和原型链

JS本身是基于原型来继承的语言。
问题引出：

• 如何判断一个变量是不是数组？
• 手写一个简易的jQuery，考虑插件和扩展性
• class的原型本质，怎么理解？

知识点

• class和继承
• 类型判断 instanceof
• 原型和原型链

class
class相当于一个模版，可以用来构建（constructor）东西。

class Student {
  constructor(name, number){
    this.name = name
    this.number = number
  }
  sayHi(){
    console.log(
      `name ${this.name}, number ${this.number}`
    )
  }
}

// 通过类 new一个实例或对象
const taylor = new Student('Tay',100)
console.log(taylor.name)
console.log(taylor.number)
taylor.sayHi()

继承

• extends（子类继承父类）
• super （子类执行父类的构造函数）
• 扩展或重写方法

class People {
  constructor(name) {
    this.name = name;
  }
  eat() {
    console.log(`${this.name} likes to eat delicious food!`);
  }
}

// 子类
class Student extends People {
  constructor(name, studentNum) {
    super(name);
    this.studentNum = studentNum;
  }
  sayHi() {
    console.log(`I am ${this.name}, my student number is ${this.studentNum}.`);
  }
}

const xialuo = new Student('夏洛',0001)
xialuo.sayHi()

原型

原型链
当前对象会先从自身寻找有无该属性，没有的话就顺着原型链的隐式原型一层一层往上找，直到找到为止。