2019年10个前端面试必会题目！（适用于中高级面试）

如今大部分公司的管理者都会经过技术面试来考察开发者的能力。若是你成为了候选人，那你必定须要去经历面试。

大部分的面试相信你们必定经历过，可是其实咱们不该该过分关注于语法和一些怪异生僻的特性中。诚然这些能考察到候选人的基础功扎实与否，但咱们应该更多的是从全局来考虑，询问架构和范例（这方面决定会对整个项目有重大的影响）。

语法和特性其实都能在谷歌中找到。可是软件工程师的智慧和JS开发者在经验中得到的通用范例和用法是没法从谷歌中得到的。

Javascript是特殊的，他如今几乎在全部大型应用中都扮演中重要的角色。那你又知道JS和其余的语言有什么不一样之处吗？

接下来的几个问题会帮助你探索真正须要关注的内容：

1. 你能说出两个在Javascript中很重要的编程范式吗？

Javascript是多范式语言：命令式/过程式，函数式，面向对象。Javascript支持经过原型继承实现面向对象编程

优秀回答：

• 原型继承（或者原型）
• 函数式编程（闭包，一等函数，lambda演算，箭头函数）

红色预警： -不知道范式是什么，也没有说起原型面向对象或者函数式编程

参考：

www.cnblogs.com/sirkevin/p/…

www.cnblogs.com/nunn/p/3460…

2.什么是函数式编程

函数式编程，能够归结为面向过程的程序设计，可是结合了更多的数学计算的思想。函数式编程就是一种抽象程度很高的编程范式，纯粹的函数式编程语言编写的函数没有变量，所以，任意一个函数，只要输入是肯定的，输出就是肯定的，这种纯函数咱们称之为没有反作用。而容许使用变量的程序设计语言，因为函数内部的变量状态不肯定，一样的输入，可能获得不一样的输出，所以，这种函数是有反作用的。

函数式编程是JavaScript中的一个基本概念（JavaScript两大支柱之一（原型继承和函数式编程））

优秀回答：

• 纯函数
• 避免反作用
• 简单的函数功能组合
• 函数语言的例子：Lisp，ML，Haskell，Erlang，Clojure，Elm，F Sharp，OCaml等......
• 提到函数式编程的功能：一等函数，高阶函数，函数做为参数/值

红色预警：

• 没有提到纯函数，或者避免反作用
• 没法提供函数式编程语言的示例
• 没法识别启用函数式编程的JavaScript功能

3.类继承和原型继承有什么区别

类继承： JavaScript原本是没有类继承的，咱们能够经过关键词new来将构造函数实例化，call和apply方法为类式继承提供了支持。经过改变this的做用环境，使得子类自己具备父类的各类属性。固然，咱们如今拥有了ES6的calss，也可使用calss来实现类继承。

原型继承： 实例直接从其余对象继承。实例一般经过工厂函数或“Object.create()”实例化。实例能够由许多不一样的对象组成，从而能够方便地选择继承。

在JavaScript中，原型继承比类继承更简单、更灵活。

优秀回答：

• 类继承：紧密耦合或基于层级的分类
• 原型继承：提到了原型委托，功能继承，对象组合。

红色预警：

• 不依赖于原型继承和而类继承的组合

4.函数式编程与面向对象编程的优缺点是什么？

面向对象编程的优势： 很容易理解对象的基本概念，也很容易解释调用方法的含义。面向对象编程更倾向于命令式而不是声明式，声明式读起来就像是给计算机遵循的直接命令

面向对象编程的缺点： 面向对象编程一般依赖于共享状态。对象和行为一般链接在同一个实体上，该实体能够被任意数量的顺序不肯定的函数随机访问，这可能致使不须要的行为，如竞争条件。

函数式编程的优势： 使用函数式编程，程序员能够避免任何共享状态或反作用，从而消除因为多个函数争夺相同资源而致使的错误。与面向对象编程相比，函数式编程从根本上简化，并易于从新组合，以得到更广泛可重用的代码。

函数式编程倾向于声明式和外延式，它们不详细说明操做的一步一步的指令，而是专一于作什么，让底层函数来处理如何作。这为重构和性能优化留下了巨大的空间，甚至容许你用更高效的算法替换整个算法，而只需不多的代码更改。

使用纯函数进行计算，也容易跨多个处理器或跨分布式计算集群扩展，而无需担忧线程资源冲突、竞争条件等问题。

函数式编程的缺点： 过分使用函数式编程特性(如大型组合)可能会下降可读性，由于生成的代码一般更抽象、更简洁、更不具体。

与函数式编程相比，更多人熟悉面向对象编程和命令式编程，所以即便是函数式编程中的常见习惯用法也可能让新团队成员感到困惑。

函数式编程的学习曲线要比面向对象编程陡峭得多，由于面向对象编程的普遍流行使面向对象编程的语言和学习材料变得更加语义化，而函数式编程的语言则趋向于更加学术化和形式化。函数式编程概念常常涉及到使用lambda演算、代数和范畴理论中的习惯用法和符号，全部这些都须要去了解这些领域的知识。

优秀回答：

• 提到共享状态的问题，竞争相同资源的不一样事物等等......
• 意识到函数式编程可以从根本上简化许多应用程序。
• 意识到学习曲线的差别。
• 阐明反作用以及它们如何影响程序的可维护性。
• 意识到功能强大的代码库可能具备陡峭的学习曲线。
• 意识到与同等的函数式编程代码库相比，过多的OOP代码会很是难以应对变化而且很是脆弱。

红色预警：

• 没法列出一种风格或另外一种风格的缺点 - 任何一种风格都有其不足。

5. 何时适合选择类继承？

答案是啥时候都不适合，多层次的类结构是反模式。 优秀回答：

• 不多，几乎历来没有，或从未
• 单级别的时候有时候是能够的，好比React.Component
• 对象继承比类继承更好

6. 何时适合原型继承？

原型继承有多种类型：

• 原型链
• mixins，Object.assign()
• 函数式（别和函数式编程混淆，这里是建立闭包函数实现私有状态/封装）

每种类型的原型继承都有本身的建立方法，可是它们合成对象的能力都同样，它建立了has-a或uses-a或can-do关系，而不是类继承建立的is-a的关系。

优秀回答：

• 在模块或函数编程没有提供明显解决方案的状况下
• 当须要从多个地方组合对象时
• 任何须要继承的地方

红色预警：

• 不知道什么时候使用原型。
• 没有意识到mixins或Object.assign（）

7. 对象继承比类继承更好是为何

代码重用应该经过将较小的功能单元组装到新对象中来实现，而不是继承类并建立对象分类法。

换句话说，使用can-do，has-a或使用关系而不是is-a关系。 优秀回答：

• 避免使用类层次结构
• 避免脆弱的类问题
• 避免紧密耦合
• 避免严格的分类（强制is-a关系对于新的代码使用是不友好的）
• 避免大猩猩香蕉问题（“你想要的是香蕉，你获得的是拿着香蕉的大猩猩，以及整个丛林”）
• 使代码更灵活

红色预警：

• 上面的一个都不知道

8. 什么是双向数据绑定和单向数据流，它们有何不一样？

双向数据绑定意味着View层数据变化，Model层的数据也会相应变化，反之亦然。

单向数据流意味着Model层数据变化会引发View层数据变化，但View层数据变化没法引发Model层的数据变化，数据老是朝着一个方向流动（就像React里的store）。这使得理解起来更容易。

单向数据流具备是肯定性的，而双向绑定可能致使更难以遵循和理解的反作用。

优秀回答：

• React是单向数据流的范例，所以说起React是一个很好的信号。 Cycle.js是单向数据流的另外一种流行实现。
• Angular/Vue是一种使用双向绑定的流行框架。

红色预警：

• 不了解任何一个意味着什么，没法阐明差别。

9.单体架构与微服务架构的优缺点是什么？

所谓的单体架构就是把全部的业务模块编写在一个项目中，最终会打包成一个war包，而后进行部署

微服务架构意味着应用程序由许多较小的独立应用程序组成，这些应用程序可以在本身的内存空间中运行，而且可能在许多不一样的机器上相互独立地进行扩展和协做。

单体架构优势：

单片架构的主要优势是大多数应用程序能够共用不少东西，例如日志记录，速率限制以及审计跟踪和DOS保护等安全功能。

还有性能优点，由于共享内存访问比进程间通讯（IPC）更快。

单体架构缺点： 随着应用程序的发展，应用程序服务每每会紧密耦合和纠缠，从而难以将服务隔离并独立扩展出来，而且实现代码可维护性等。 单体架构也很难理解，由于当你查看特定服务或控制器时，可能存在依赖性，反作用等不明显的隐形问题

它们还能够根据组织方式得到性能优点，由于能够独立于应用程序的其余部分，与核心服务隔离并对其进行伸缩。

微服务架构优势 微服务体系结构一般组织得更好，由于每一个微服务都有一个很是特定的任务，而且不关心其余组件的任务。解耦的服务也更容易从新组合和配置，以知足不一样应用程序的须要(例如，同时服务于web客户机和公共API)。

微服务架构缺点 微服务部署在虚拟机或容器上，致使VM争用工做激增。 运维复杂度提供

优秀回答：

• 微服务架构一开始成本较高，但微服务从长远来看每每会表现更好而且规模更大。
• 关于微服务和单片应用程序的实用性。二者在不一样状况下的使用选择

红色预警：

• 不了解单体架构和微服务架构之间的差别。
• 对微服务的额外开销没有意识到。
• 不知道IPC和网络通讯对微服务形成的额外性能开销。
• 没法明确解决单片应用程序的分离方式，以便在时机成熟时将它们轻松拆分为微服务。
• 低估了独立可扩展微服务的优点。

10. 什么是异步编程，为何它在JavaScript中很重要？

同步编程意味着，除了条件和函数调用以外，代码从上到下依次执行，阻塞长时间运行的任务，如网络请求和磁盘I / O等。

异步编程意味着引擎在一个事件循环中运行。当须要阻塞操做时，将启动请求，而且代码将继续运行，而不会阻塞结果。当响应就绪时，将触发一个中断，这时运行一个事件处理程序，其中控制流将继续运行。经过这种方式，一个程序线程能够处理许多并发操做。

用户界面本质上是异步的，而且花费大部分时间等待用户输入来中断事件循环并触发事件处理程序。

默认状况下，Node是异步的，这意味着服务器的工做方式大体相同，在循环中等待网络请求，并在处理第一个请求时接受更多的传入请求。

这在JavaScript中很重要，由于它很是适合UI代码，而且很是有利于服务器上的性能。

优秀回答：

• 了解阻塞意味着什么，以及性能影响。
• 了解事件处理，以及为何它对UI代码很重要。

红色预警：

• 不熟悉异步或同步的术语。
• 没法阐明性能影响或异步代码与UI代码之间的关系。