几道蛮有意思的前端面试题

1.Object.is()与原来的比较操作符“==”、“===”的区别？

• 两等号判等，会在比较时进行类型转换;

• 三等号判等(判断严格)，比较时不进行隐式类型转换，(类型不同则会返回 false) ;

• Object.is()在三等号判等的基础上特别处理了 NaN、-0 和+0，保证-0 和+0 不再相同，但 Object.is(NaN,NaN)会返回 true。

• Object.is()应被认为有其特殊的用途，而不能用它认为它比其它的相等对比更宽松或严格。

2.Virtual DOM 的优势在哪里？

其实这道题目面试官更想听到的答案不是上来就说「直接操作/频繁操作 DOM 的性能差」，如果 DOM 操作的性能如此不堪，那么 jQuery 也不至于曾经红透半边天。所以面试官其实更想听到 VDOM 想解决的问题以及为什么频繁的 DOM 操作会性能差。

首先我们需要知道:DOM 引擎、JS 引擎相互独立，但又工作在同一线程(主线程)。JS 代码调用 DOM API 必须挂起 JS 引擎、转换传入参数数据、激活 DOM 引擎，DOM 重绘后再转换可能有的返回值，最后激活 JS 引擎并继续执行若有频繁的 DOM APl 调用，且浏览器厂商不做"批量处理"优化，引擎间切换的单位代价将迅速积累若其中有强制重绘的 DOM API 调用，重新计算布局、重新绘制图像会引起更大的性能消耗。

其次是 VDOM 和真实 DOM 的区别和优化:

• 虚拟 DOM 不会立马进行排版与重绘操作

• 虚拟 DOM 进行频繁修改，然后一次性比较并修改真实 DOM 中需要改的部分，最后在真实 DOM 中进行排版与重绘，减少过多 DOM 节点排版与重绘损耗

• 虚拟 DOM 有效降低大面积真实 DOM 的重绘与排版，因为最终与真实 DOM 比较差异，可以只渲染局部

3.common.js 和 es6 中模块引入的区别？

Common.js 是一种模块规范，最初被应用于 Nodejs，成为 Nodejs 的模块规范。运行在浏览器端的 JavaScript 由于也缺少类似的规范，在 ES6 出来之前，前端也实现了一套相同的模块规范(例如: AMD)，用来对前端模块进行管理。自 ES6 起，引入了一套新的 ES6 Module 规范，在语言标准的层面上实现了模块功能，而且实现得相当简单，有望成为浏览器和服务器通用的模块解决方案。但目前浏览器对 ES6 Module 兼容还不太好，我们平时在 Webpack 中使用的 export 和 import，会经过 Babel 转换为 CommonJs 规范。

在使用上的差别主要有:

• CommonJs 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用 CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。

• CommonJs 是单个值导出，ES6 Module 可以导出多个

• CommonJs 是动态语法可以写在判断里，ES6 Module 静态语法只能写在顶层

• CommonJs 的 this 是当前模块，ES6 Module 的 this 是 undefined

4.JS 代码中的 use strict 是什么意思？使用前与使用后的区别在哪？

use strict 是一种 ECMAscript5 添加的(严格）运行模式，这种模式使得 Javascript 在更严格的条件下运行。 设立"严格模式"的目的，主要有以下几个:

• 消除 Javascript 语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全;

• 提高编译器效率，增加运行速度;

• 为未来新版本的 Javascript 做好铺垫。

区别:

1. 禁止使用 with 语句。

2. 禁止 this 关键字指向全局对象。

3. 对象不能有重名的属性。

请用 JS 判断给定的字符串是否是同构的。

思路：可以用 JS 中的 map 函数判断字符串的值和索引

代码：

const isIsomorphic = (s, t) => {  if (s === t || s === '') return true  let mapS = new Map(), mapT = new Map()  for (let i = 0; i < s.length; i++) {    if (mapS.has(s[i]) || mapT.has(t[i])) {      if (mapS.get(s[i]) !== mapT.get(t[i])) return false    }    mapS.set(s[i], i)    mapT.set(t[i], i)  }  return true}

最后

如果你觉得此文对你有一丁点帮助，点个赞。或者可以加入我的开发交流群：1025263163 相互学习，我们会有专业的技术答疑解惑

如果你觉得这篇文章对你有点用的话，麻烦请给我们的开源项目点点 star: https://gitee.com/ZhongBangKeJi/CRMEB不胜感激 ！