前端大佬推荐：超全 JavaScript 面试笔记【建议收藏】

痛定思痛。 2022-10-12 01:23 165阅读 0赞

#### 前言： ####

JavaScript 是一种属于网络的脚本语言，已经被广泛用于 Web 应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常 JavaScript 脚本是通过嵌入在 HTML 中来实现自身的功能的。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1FYWFhE_size_16_color_FFFFFF_t_70][]

下文主要分享 [JavaScript 面试笔记（190 道）][JavaScript _190]，如有需要可以看文末免费领取！

> #### JavaScript 面试笔记 ####

*  请你谈谈Cookie的优缺点
 *  Array.prototype.slice.call(arr，2)方法的作用是：
 *  简单说一下浏览器本地存储是怎样的
 *  原型 / 构造函数 / 实例
 *  原型链：
 *  执行上下文(EC)
 *  变量对象
 *  作用域
 *  作用域链
 *  闭包
 *  对象的拷贝
 *  new运算符的执行过程
 *  instanceof原理
 *  代码的复用
 *  继承
 *  类型转换
 *  类型判断
 *  模块化
 *  防抖与节流
 *  函数执行改变 this
 *  ES6/ES7
 *  AST
 *  babel编译原理
 *  函数柯里化
 *  get请求传参长度的误区

![c419f0ed87c2cbb7fc60dc375e466223.png][]

*  get和post请求在缓存方面的区别
 *  说一下闭包
 *  说一下类的创建和继承
 *  说说事件流
 *  如何让事件先冒泡后捕获
 *  说一下事件委托
 *  说一下图片的懒加载和预加载
 *  mouseover 和 mouseenter 的区别
 *  js 的 new 操作符做了哪些事情
 *  改变函数内部 this 指针的指向函数（bind，apply，call的区别）
 *  js 的各种位置的区别？
 *  js 拖拽功能的实现
 *  异步加载 js 的方法
 *  Ajax 解决浏览器缓存问题
 *  js 的防抖
 *  js节流
 *  JS 中的垃圾回收机制
 *  eval 是做什么的
 *  如何理解前端模块化
 *  说一下 Commonjs、AMD 和 CMD
 *  对象深度克隆的简单实现
 *  实现一个 once 函数，传入函数参数只执行一次
 *  将原生的 ajax 封装成 promise
 *  js监听对象属性的改变
 *  如何实现一个私有变量，用getName方法可以访问，不能直接访问

![87d2dd898e7edb3c3bcf44ccc8c9db87.png][]

*  `==` 和 `===`、以及 Object.is 的区别
 *  setTimeout、setInterval 和 requestAnimationFrame之间的区别
 *  实现一个两列等高布局，讲讲思路
 *  自己实现一个bind函数
 *  用 `setTimeout()` 方法来模拟 `setInterval()` 与 `setInterval()` 之间的什么区别？
 *  js怎么控制一次加载一张图片，加载完后再加载下一张
 *  如何实现sleep的效果（es5或者es6）
 *  `Function._proto_(getPrototypeOf)` 是什么？
 *  实现 js 中所有对象的深度克隆（包装对象，Date对象，正则对象）
 *  简单实现 Node 的 Events 模块
 *  箭头函数中 this 指向举例
 *  js 判断类型
 *  数组常用方法
 *  数组去重
 *  闭包有什么用
 *  事件代理在捕获阶段的实际应用
 *  去除字符串首尾空格
 *  性能优化
 *  来讲讲 JS 的闭包吧
 *  能来讲讲 JS 的语言特性吗
 *  如何判断一个数组
 *  说到 typeof，能不能加一个限制条件达到判断条件
 *  JS 实现跨域
 *  Js基本数据类型
 *  js深度拷贝一个元素的具体实现

![b891ef0436b6c4bfb1807a40efbb95e0.png][]

*  之前说了 ES6set 可以数组去重，是否还有数组去重的方法
 *  重排和重绘
 *  JS的全排列
 *  跨域的原理
 *  不同数据类型的值的比较，是怎么转换的，有什么规则
 *  null == undefined 为什么
 *  this 的指向 哪几种
 *  暂停死区
 *  AngularJS 双向绑定原理
 *  写一个深度拷贝
 *  requestAnimationFrame 是怎么使用的
 *  什么是按需加载
 *  说一下什么是 virtual dom
 *  webpack 用来干什么的
 *  ant-design 优点和缺点
 *  JS中继承实现的几种方式
 *  写一个函数，第一秒打印1，第二秒打印2
 *  vue的生命周期
 *  简单介绍一下symbol
 *  什么是事件监听
 *  介绍一下 promise，及其底层如何实现
 *  说说 C++, Java，JavaScript 这三种语言的区别
 *  什么是 JavaScript
 *  JavaScript 组成部分
 *  事件委托以及冒泡原理

![1fb8d8d98b77e5996167930e075fe285.png][]

*  写个函数，可以转化下划线命名到驼峰命名
 *  深浅拷贝的区别和实现
 *  JS 中 string 的 startwith 和 indexof 两种方法的区别
 *  js 字符串转数字的方法
 *  let const var 的区别
 *  ES6箭头函数的特性
 *  setTimeout 和 Promise 的执行顺序
 *  事件模型，DOM0级和DOM2级有什么区别，DOM的分级是什么
 *  setTimeout(fn,100);100 毫秒是如何权衡的
 *  JS 的垃圾回收机制
 *  写一个 newBind 函数，完成 bind 的功能
 *  怎么获得对象上的属性：比如说通过 Object.key（）
 *  简单讲一讲 ES6 的一些新特性
 *  call 和 apply 是用来做什么？
 *  了解事件代理吗，这样做有什么好处
 *  如何写一个继承？
 *  给出以下代码，输出的结果是什么？
 *  给两个构造函数A和B，如何实现A继承B？
 *  如果已经有三个promise，A、B和C，想串行执行，该怎么写？
 *  知道 private 和 public 吗
 *  async 和 await 具体该怎么用？
 *  知道哪些 ES6，ES7 的语法
 *  promise 和 await/async 的关系
 *  js 的数据类型
 *  js加载过程阻塞，解决方法

![9b2922a93509897fa5464065faf5cfca.png][]

*  js 对象类型，基本对象类型以及引用对象类型的区别
 *  JavaScript 中的轮播实现原理？假如一个页面上有两个轮播，你会怎么实现？
 *  怎么实现一个计算一年中有多少周？
 *  JS 的数据类型
 *  引用类型常见的对象
 *  es6 的常用
 *  class
 *  口述数组去重
 *  call 和 apply 的区别
 *  es6的常用特性
 *  箭头函数和 function 有什么区别
 *  new 操作符原理
 *  bind,apply,call 是什么？
 *  bind 和 apply 的区别
 *  promise 实现
 *  assign的深拷贝
 *  事件委托
 *  箭头函数和 function 的区别
 *  arguments 是什么？
 *  事件代理是什么？
 *  Eventloop
 *  说说写 JavaScript 的基本规范？
 *  介绍 JavaScript 的基本数据类型
 *  jQuery 使用建议
 *  Ajax 使用

![e17e606bb84f1b1e0d29584b5667f16a.png][]

*  JavaScript有几种类型的值？
 *  栈和堆的区别？
 *  JavaScript 实现继承的 3 种方法
 *  JavaScript定义类的 4 种方法
 *  Javascript 作用链域
 *  谈谈 this 的理解
 *  eval 是做什么的？
 *  什么是 window 对象? 什么是 document 对象?
 *  null，undefined 的区别？
 *  \[“1”, “2”, “3”\].map(parseInt) 答案是多少？
 *  关于事件，IE与火狐的事件机制有什么区别？如何阻止冒泡？
 *  javascript 代码中的"use strict";是什么意思 ? 使用它区别是什么？
 *  如何判断一个对象是否属于某个类？
 *  new 操作符具体干了什么呢?
 *  Javascript 中，执行时对象查找时，永远不会去查找原型的函数？
 *  对 JSON 的了解？
 *  JS 延迟加载的方式有哪些？
 *  同步和异步的区别?
 *  什么是跨域？
 *  跨域的几种解决方案
 *  页面编码和被请求的资源编码如果不一致如何处理？
 *  模块化开发怎么做？
 *  AMD、CMD 规范区别？
 *  requireJS 的核心原理是什么？
 *  回流与重绘

![99531f1d1f739dc9a665abfdb03a4818.png][]

*  DOM 操作
 *  数组对象有哪些原生方法，列举一下
 *  那些操作会造成内存泄漏
 *  什么是Cookie 隔离？
 *  响应事件
 *  flash 和 js 通过什么类如何交互?
 *  Flash 与 Ajax 各自的优缺点？
 *  有效的 javascript 变量定义规则
 *  XML与 JSON 的区别？
 *  HTML与 XML 的区别？
 *  渐进增强与优雅降级
 *  Web Worker 和 Web Socket？
 *  web 应用从服务器主动推送 data 到客户端的方式？
 *  如何删除一个 cookie？
 *  Ajax请求的页面历史记录状态问题？

![513a8cd59be9f15bb12321d408c9c1e1.png][]

#### 最后 ####

最后还有更多JavaScript 经典面试题分享。由于篇幅有限，部分内容由截图展示，**有需要前端 JavaScript 面试笔记，JavaScript 经典面试题 的伙伴【[可以点击此处][Link 1]】，免费领取！**

**JavaScript 经典面试题**

>  *  原型链
>  *  类
>  *  继承
>  *  作用域
>  *  闭包
>  *  js运行机制/单线程
>  *  js数据类型
>  *  js内置函数/内置对象
>  *  **…**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1FYWFhE_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1FYWFhE_size_16_color_FFFFFF_t_70]: /images/20221005/d5e3d8a3260f4308982a040f1786f067.png
[JavaScript _190]: https://jq.qq.com/?_wv=1027&k=ykThOW2r
[c419f0ed87c2cbb7fc60dc375e466223.png]: /images/20221005/4872815a544b4ae4a882628013ce832f.png
[87d2dd898e7edb3c3bcf44ccc8c9db87.png]: /images/20221005/977233a252014ae98f11ac836661c5e5.png
[b891ef0436b6c4bfb1807a40efbb95e0.png]: /images/20221005/7c7e98d482aa4a88a705a0783a62ebff.png
[1fb8d8d98b77e5996167930e075fe285.png]: /images/20221005/04a7eb66944a4668b417352cdc1258c3.png
[9b2922a93509897fa5464065faf5cfca.png]: /images/20221005/d8fc2752845d45c29fae126fa584c80a.png
[e17e606bb84f1b1e0d29584b5667f16a.png]: /images/20221005/3a9c14df4fa344cd9dab19068d91c1e7.png
[99531f1d1f739dc9a665abfdb03a4818.png]: /images/20221005/202780eb0efb4a1bbdf555f40b79406e.png
[513a8cd59be9f15bb12321d408c9c1e1.png]: /images/20221005/f361db8f3e834da6838b8211dde438c8.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=NolnxbTP
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1FYWFhE_size_16_color_FFFFFF_t_70 1]: /images/20221005/f717ff902c8045f491c2ec8b2b1ea2b5.png