前端面试题JS原理部分（三）面向对象

最新推荐文章于 2023-03-16 14:26:19 发布

哥斯拉撕家

最新推荐文章于 2023-03-16 14:26:19 发布

阅读量1k

点赞数

分类专栏：面试题总结文章标签：面试 js javascript 前端

本文链接：https://blog.csdn.net/SirSnow/article/details/105925872

版权

本文详细探讨了JavaScript中的原型链概念，解释了如何通过原型链实现继承，并分析了new关键字在对象创建过程中的作用。同时，文章比较了new与Object.create的区别，并讨论了this的指向及其变化情况。此外，还介绍了JavaScript中常见的继承实现方式，包括原型链、ES6的class语法等。

摘要由CSDN通过智能技术生成

1、请简述一下js原型链

原型链是Javascript实现类的底层原理，是一种继承机制。说到继承，这起源于JAVA和C++的概念。上述两种语言的继承，本质上是一种拷贝行为，将父类的方法拷贝给子类供其使用。

但是JS中，子类的.prototype对象，通过原型链与父类的.prototype对象形成一条查询管道，如果子类中没有，通过管道返回到父类中寻找，一直回溯到Object.prototype为止。

比起拷贝继承，这种原型链形式，更加节省内存。另外由于javasctipt的面向对象object oriented OO，实际上叫做object linked other object OLOO更为准确。

2、在原型链上Object再往上是什么？

Object.prototype是原型链的终点了。

3、 `proto` 和`prototype`分别指什么？哪种情况下`proto`和`prototype`的指向是同一个？

考察的问题：dunder和prototype的指向。通过例子来说明：

function Workshop(teacher){
   this.teacher = teacher;
}
Workshop.prototype.ask = function (question){
   console.log(this.teacher,question);
}

let deepJS = new Workshop("Kyle");
let reactJS = new Workshop("Suzy");

deepJS.ask("Is prototype a class?");
reactJS.ask("Isn't prototype ugly?");