百度作业帮网上收集的面试题_作业帮试卷采集-CSDN博客

本文链接：https://blog.csdn.net/qq_32888087/article/details/90677859

1.js继承方式有哪些

js中的继承就是获取已有对象的方法和属性的一种方式；

共有6种方法：

属性拷贝：将父类对象的成员复制一份给需要继承的对象（问题：如果父类对象的某个成员是引用类型的变量时，这个成员子啊父对象和子对象之间是共享的，修改其中一个，另一个会受影响）
原型式继承：借用构造函数的原型对象实现继承。即子构造函数.prototype=父构造函数.prototype（问题：只能继承父构造函数的原型对象上的成员, 不能继承父构造函数的实例对象的成员, 同时父构造函数的原型对象和子构造函数的原型对象上的成员有共享问题）
原型链继承：子构造函数.prototype = new 父构造函数()（问题：问题是不能给父构造函数传递参数, 父子构造函数的原型对象之间有共享问题.）
借用构造函数：使用call和apply借用其他构造函数的成员, （问题：可以解决给父构造函数传递参数的问题, 但是获取不到父构造函数原型上的成员.也不存在共享问题.）
组合继承（借用构造函数+原型式继承）（问题：共享的问题）
借用构造函数加深拷贝（推荐使用）

2.什么是原型链？原型链终点在哪里？引擎是如何遍历原型链从而找到某个节点的？

一个对象所拥有的属性不仅仅是它本身拥有的属性，它还会从其他对象中继承一些属性，当js在一个对象中找不到需要的属性时，它会到这个对象的父对象上去找，以此类推，这就构成了对象的原型链；原型链终点是Object；向上遍历原型链，直到找到给定名称的属性为止；

3.instanceof 和原型链的关系

Instanceof运算符的第一个变量是一个对象，暂时称为A；第二个变量一般是一个函数，暂时称为B。
Instanceof的判断队则是：沿着A的proto这条线来找，同时沿着B的prototype这条线来找，如果两条线能找到同一个引用，即同一个对象，那么就返回true。如果找到终点还未重合，则返回false。

4.为什么要封装组件？封装组件或模块如何考虑利他性

封装组件优点：

组件化是对实现的分层，是更有效地代码组合方式
组件化是对资源的重组和优化，从而使项目资源管理更合理
组件化有利于单元测试
组件化对重构较友好
复用友好

如何设计组件？

这个组件可否（有必要）再分？

组件划分的依据通常是业务逻辑、功能，要考虑各组件之间的关系是否明确（如组件树方式管理组件间依赖关系，兄弟组件不可见），以及组件的可复用度。划分粒度的大小需要根据实际情况权衡，太小会提升维护成本，太大又不够灵活和高复用性。

每一个组件都应该有其独特的划分目的的，有的是为了复用实现，有的是为了封装复杂度清晰业务实现。

这个组件的依赖是否可再缩减？

缩减组件依赖可以提高组件的可复用度，常用的方法是IoC（依赖注入），对外弱类型依赖。

这个组件是否对其它组件造成侵入？

一个组件的封装性不够，或者自身越界操作，就可能对自身之外造成了侵入，这种情况应该尽量避免，确保组件的生命周期能够对其影响进行有效的管理（如destroy后不留痕迹）。

较常见的一种情况是：组件运行时对window对象添加resize监听事件以实现组件响应视窗尺寸变化事件，这种需求的更好替代方案是：组件提供刷新方法，由父组件实现调用（最终由根组件统一处理）。

次优的方案是，当组件destroy前清理恢复。

一个组件不应对其它兄弟组件造成直接影响。

这个组件可否复用于其它类似场景中？

需要考虑需要适用的不同场景，在组件接口设计时进行必要的兼容。

这个组件当别人用时，会怎么想？

接口设计符合规范和大众习惯，尽量让别人用起来简单易上手，易上手是指更符合直觉。

假如业务需要不需要这个功能，是否方便清除？

5.url输入到页面呈现，详细分析过程

DNS域名解析：将输入的域名解析成ip地址，找到目标服务器。
查询顺序：浏览器缓存，系统缓存，路由器缓存如果还是没有，那么就去检查ISP有没有吧（缓存，host文件，dns服务器）
发送HTTP请求给服务器
服务器处理请求：服务器解析出HTTP包中的内容，准备好浏览器要请求的文件。
服务器返回相应结果
浏览器解析html
浏览器渲染展现：