【JS面试题】原型原型链

一、面试真题展示：

1. 如何准确判断一个变量是不是数组？

① 使用instanceof进行判断：a instanceof Array

② 使用Array.isArray()进行判断：Array.isArray(a)

2. 手写一个简易的jQuery，考虑插件和扩展性？

3. class的原型本质，怎么理解？

二、class类的语法（ 构造方法constructor() ）：

class People {
    constructor(name){
        this.name = name;
    }
    sayHi(){
        console.log('我是'+this.name);
    }
}

三、class类的继承（ extends，super() ）

class Student extends People {
    constructor(name,age){
        super(name);
        this.age = age;
    }
    aboutMe(){
        console.log(`我是${this.name}，我${this.age}岁了`);
    }
}

四、原型（以下5句话理解并背得滚瓜烂熟）

① 隐式原型：__proto__

② 显式原型：prototype

③ 每一个 class 都有显式原型 prototype

④ 每一个 实例 都有隐式原型 __proto__

⑤ 实例的 __proto__ 指向 class 的 prototype

// 结合上面定义的class类（People类和Student类）
// 以下代码中的 s 是 Student类的
console.log(s.__proto__);  // People{}
console.log(Student.prototype);  // People{}
console.log(Student.prototype === s.__proto__);  // true

图1：以下是我自己根据理解画的图

图2：以下是视频中老师画的图

五、原型链

console.log(Student.prototype.__proto__ === People.prototype);  // true

图3：以下是我根据自己理解的【原型链】知识画的图

图4：以下是视频中老师画的【原型链】图

如果以上内容对你有帮助，请点赞收藏吧❥(^_-)，喜欢作者也可以加关注，后续会一直更新有关前端面试题的分享！

---