Web前端最新JS面试题汇总（五）(1)，大厂面试题前端

打开全栈工匠技能包-1小时轻松掌握SSR

两小时精通jq+bs插件开发

生产环境下如歌部署Node.js

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

网易内部VUE自定义插件库NPM集成

谁说前端不用懂安全，XSS跨站脚本的危害

webpack的loader到底是什么样的？两小时带你写一个自己loader

42. split() join()的区别

参考答案：

join()：用于把数组中的所有元素通过指定的分隔符进行分隔放入一个字符串

split()：用于把一个字符串通过指定的分隔符进行分隔成数组

43. JavaScript 的数据类型

参考答案：JS 数据类型共有六种，分别是 String、Number、Boolean、Null、Undefined 和 Object 等， 另外，ES6 新增了 Symbol 类型。其中，Object 是引用类型，其他的都是基本类型(Primitive Type)。

44. 如何判断一个对象是否属于某个类？

参考答案：instanceof

解析：

if (a instanceof Person) {

alert(“yes”);

}

45. new 操作符具体干了什么呢?

参考答案：

样本一

new 共经过了 4 几个阶段

• 1、创建一个空对象

• 2、设置原型链

• 3、让 Func 中的 this 指向 obj，并执行 Func 的函数体

• 4、判断 Func 的返回值类型：

样本二

function Test(){}

const test = new Test()

1. 创建一个新对象：

const obj = {}

2. 设置新对象的 constructor 属性为构造函数的名称，设置新对象的__proto__属性指向构造函数的 prototype 对象

obj.constructor = Test

obj.proto = Test.prototype

3. 使用新对象调用函数，函数中的 this 被指向新实例对象

Test.call(obj)

4. 将初始化完毕的新对象地址，保存到等号左边的变量中

46. call() 和 apply() 的含义和区别？

参考答案：

首先说明两个方法的含义：

• call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B. call(A, args1, args2); 即 A 对象调用 B 对象的方法。

• apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B. apply(A, arguments); 即 A 对象应用 B 对象的方法。

call 与 apply 的相同点：

• 方法的含义是一样的，即方法功能是一样的；

• 第一个参数的作用是一样的；

call 与 apply 的不同点：两者传入的列表形式不一样

• call 可以传入多个参数；

• apply 只能传入两个参数，所以其第二个参数往往是作为数组形式传入

想一想哪个性能更好一些呢？

47. sort 排序原理

参考答案：

冒泡排序法

解析：

冒泡排序法的原理：

• 比较相邻的元素。如果第一个比第二个大，就交换他们两个。

• 对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。

• 针对所有的元素重复以上的步骤，除了最后一个。

• 持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。

示例：

var arr = [1, 5, 4, 2];

// sort()方法的比较逻辑为：

// 第一轮：1和5比，1和4比，1和2比

// 第二轮：5和4比，5和2比

// 第三轮：4和2比

// 一.sort排序规则 return大于0则交换数组相邻2个元素的位置

// 二.arr.sort(function (a,b) {})中

// a -->代表每一次执行匿名函时候，找到的数组中的当前项；

// b -->代表当前项的后一项；

// 1.升序

var apple = [45, 42, 10, 147, 7, 65, -74];

// ①默认法,缺点:只根据首位排序

console.log(apple.sort());

// ②指定排序规则法,return可返回任何值

console.log(

apple.sort(function(a, b) {

return a - b; //若return返回值大于0(即a＞b),则a,b交换位置

})

);

//2.降序

var arr = [45, 42, 10, 111, 7, 65, -74];

console.log(

apple.sort(function(a, b) {

return b - a; //若return返回值大于零(即b＞a),则a,b交换位置

})

);

参考 1、参考 2

48. Zepto 的点透问题如何解决？

参考答案：

方案一：来得很直接 github 上有个 fastclick 可以完美解决https://github.com/ftlabs/fastclick

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整