From fc9d3870d654037b0792604957322554059a3cd2 Mon Sep 17 00:00:00 2001
From: YuanJin <277739025@qq.com>
Date: Wed, 7 Feb 2024 13:39:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=97=A0=E7=AD=94=E6=A1=88?=
=?UTF-8?q?=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
javascript 面试题汇总（无答案）.md | 1530 ++++++++++++++++++++++++++++
1 file changed, 1530 insertions(+)
create mode 100644 javascript 面试题汇总（无答案）.md
diff --git a/javascript 面试题汇总（无答案）.md b/javascript 面试题汇总（无答案）.md
new file mode 100644
index 0000000..6909367
--- /dev/null
+++ b/javascript 面试题汇总（无答案）.md
@@ -0,0 +1,1530 @@
+# _JavaScript_ 面试题汇总
+
+### 1. 根据下面 _ES6_ 构造函数的书写方式，要求写出 _ES5_ 的
+
+```js
+class Example {
+ constructor(name) {
+ this.name = name;
+ }
+ init() {
+ const fun = () => {
+ console.log(this.name);
+ };
+ fun();
+ }
+}
+const e = new Example('Hello');
+e.init();
+```
+
+### 2. 数组去重有哪些方法？（美团 _19_ 年）
+
+### 3. 描述下列代码的执行结果
+
+```js
+foo(typeof a);
+function foo(p) {
+ console.log(this);
+ console.log(p);
+ console.log(typeof b);
+ let b = 0;
+}
+```
+
+### 4. 描述下列代码的执行结果
+
+```js
+class Foo {
+ constructor(arr) {
+ this.arr = arr;
+ }
+ bar(n) {
+ return this.arr.slice(0, n);
+ }
+}
+var f = new Foo([0, 1, 2, 3]);
+console.log(f.bar(1));
+console.log(f.bar(2).splice(1, 1));
+console.log(f.arr);
+```
+
+### 5. 描述下列代码的执行结果
+
+```js
+01 function f(count) {
+02 console.log(`foo${count}`);
+03 setTimeout(() => { console.log(`bar${count}`); });
+04 }
+05 f(1);
+06 f(2);
+07 setTimeout(() => { f(3); });
+```
+
+### 6. 描述下列代码的执行结果
+
+```js
+var a = 2;
+var b = 5;
+console.log(a === 2 || (1 && b === 3) || 4);
+```
+
+### 7. 描述下列代码的执行结果
+
+```js
+export class ButtonWrapper {
+ constructor(domBtnEl, hash) {
+ this.domBtnEl = domBtnEl;
+ this.hash = hash;
+ this.bindEvent();
+ }
+ bindEvent() {
+ this.domBtnEl.addEventListener('click', this.clickEvent, false);
+ }
+ detachEvent() {
+ this.domBtnEl.removeEventListener('click', this.clickEvent);
+ }
+ clickEvent() {
+ console.log(`The hash of the button is: ${this.hash}`);
+ }
+}
+```
+
+### 8. 箭头函数有哪些特点
+
+### 9. 说一说类的继承
+
+### 10. _new_ 操作符都做了哪些事？
+
+### 11. _call、apply、bind_ 的区别 ？
+
+### 12. 事件循环机制（宏任务、微任务）
+
+### 13. 你了解 _node_ 中的事件循环机制吗？_node11_ 版本以后有什么改变
+
+### 14. 什么是函数柯里化？
+
+### 15. _promise.all_ 方法的使用场景？数组中必须每一项都是 _promise_ 对象吗？不是 _promise_ 对象会如何处理 ？
+
+### 16. _this_ 的指向哪几种 ？
+
+### 17. _JS_ 中继承实现的几种方式
+
+### 18. 什么是事件监听
+
+### 19. 什么是 _js_ 的闭包？有什么作用？
+
+### 20. 事件委托以及冒泡原理
+
+### 21. _let const var_ 的区别？什么是块级作用域？如何用？
+
+### 22. _ES5_ 的方法实现块级作用域（立即执行函数） _ES6_ 呢？
+
+### 23. _ES6_ 箭头函数的特性
+
+### 24. 箭头函数与普通函数的区别 ？
+
+### 25. _JS_ 的基本数据类型有哪些？基本数据类型和引用数据类型的区别
+
+### 26. _NaN_ 是什么的缩写
+
+### 27. _JS_ 的作用域类型
+
+### 28. _undefined==null_ 返回的结果是什么？_undefined_ 与 _null_ 的区别在哪？
+
+### 29. 写一个函数判断变量类型
+
+### 30. _js_ 的异步处理函数
+
+### 31. _defer_ 与 _async_ 的区别
+
+### 32. 浏览器事件循环和任务队列
+
+### 33. 原型与原型链 （美团 19 年）
+
+### 34. 作用域与作用域链 （美团 19 年）
+
+### 35. 闭包及应用场景以及闭包缺点 （美团 19 年）
+
+### 36. 继承方式 （美团 19 年）
+
+### 37. 原始值与引用值 （美团 19 年）
+
+### 38. 描述下列代码的执行结果
+
+```js
+const first = () =>
+ new Promise((resolve, reject) => {
+ console.log(3);
+ let p = new Promise((resolve, reject) => {
+ console.log(7);
+ setTimeout(() => {
+ console.log(1);
+ }, 0);
+ setTimeout(() => {
+ console.log(2);
+ resolve(3);
+ }, 0);
+ resolve(4);
+ });
+ resolve(2);
+ p.then((arg) => {
+ console.log(arg, 5); // 1 bb
+ });
+ setTimeout(() => {
+ console.log(6);
+ }, 0);
+ });
+first().then((arg) => {
+ console.log(arg, 7); // 2 aa
+ setTimeout(() => {
+ console.log(8);
+ }, 0);
+});
+setTimeout(() => {
+ console.log(9);
+}, 0);
+console.log(10);
+```
+
+### 39. 如何判断数组或对象（美团 19 年）
+
+### 40. 对象深拷贝与浅拷贝，单独问了 _Object.assign_（美团 19 年）
+
+### 42. 说说 _instanceof_ 原理，并回答下面的题目（美团 19 年）
+
+```js
+function A() {}
+function B() {}
+A.prototype = new B();
+let a = new A();
+console.log(a instanceof B); // true of false ?
+```
+
+###
+
+### 43. 内存泄漏（美团 19 年）
+
+### 44. _ES6_ 新增哪些东西？让你自己说（美团 19 年）
+
+### 45. _weakmap、weakset_（美团 _19_ 年）
+
+### 46. 为什么 _ES6_ 会新增 _Promise_（美团 19 年）
+
+### 47. _ES5_ 实现继承？（虾皮）
+
+### 48. 科里化？（搜狗）
+
+### 49. 防抖和节流？（虾皮）
+
+### 50. 闭包？（好未来---探讨了 _40_ 分钟）
+
+### 51. 原型和原型链？（字节）
+
+### 52. 排序算法---（时间复杂度、空间复杂度）
+
+### 53. 浏览器事件循环和 _node_ 事件循环（搜狗）
+
+### 54. 闭包的好处
+
+### 55. _let、const、var_ 的区别
+
+### 56. 闭包、作用域（可以扩充到作用域链）
+
+### 57. _Promise_
+
+### 58. 实现一个函数,对一个 url 进行请求,失败就再次请求,超过最大次数就走失败回调,任何一次成功都走成功回调
+
+### 59. 冒泡排序
+
+### 60. 数组降维
+
+### 61. _call apply bind_
+
+### 62. promise 代码题
+
+```js
+new Promise((resolve, reject) => {
+ reject(1);
+ console.log(2);
+ resolve(3);
+ console.log(4);
+})
+ .then((res) => {
+ console.log(res);
+ })
+ .catch((res) => {
+ console.log('reject1');
+ });
+try {
+ new Promise((resolve, reject) => {
+ throw 'error';
+ })
+ .then((res) => {
+ console.log(res);
+ })
+ .catch((res) => {
+ console.log('reject2');
+ });
+} catch (err) {
+ console.log(err);
+}
+```
+
+### 63. _proxy_ 是实现代理，可以改变 _js_ 底层的实现方式, 然后说了一下和 _Object.defineProperty_ 的区别
+
+### 64. 使用 _ES5_ 与 _ES6_ 分别实现继承
+
+### 65. 深拷贝
+
+### 66. _async_ 与 _await_ 的作用
+
+### 67. 数据的基础类型（原始类型）有哪些
+
+### 68. _typeof null_ 返回结果
+
+### 69. 对变量进行类型判断的方式有哪些
+
+### 70. _typeof_ 与 _instanceof_ 的区别？ _instanceof_ 是如何实现？
+
+### 71. 引用类型有哪些，有什么特点
+
+### 72. 如何得到一个变量的类型---指函数封装实现
+
+### 73. 什么是作用域、闭包
+
+### 74. 闭包的缺点是什么？闭包的应用场景有哪些？怎么销毁闭包？
+
+### 75. *JS*的垃圾回收站机制
+
+### 76. 什么是作用域链、原型链
+
+### 77. _new_ 一个构造函数发生了什么
+
+### 78. 对一个构造函数实例化后. 它的原型链指向什么
+
+### 79. 什么是变量提升
+
+### 80. == 和 === 的区别是什么
+
+### 81. _Object.is_ 方法比较的是什么
+
+### 82. 基础数据类型和引用数据类型，哪个是保存在栈内存中？哪个是在堆内存中？
+
+### 83. 箭头函数解决了什么问题？
+
+### 84. _new_ 一个箭头函数后，它的 _this_ 指向什么？
+
+### 85. _promise_ 的其他方法有用过吗？如 _all、race_。请说下这两者的区别
+
+### 86. _class_ 是如何实现的
+
+### 87. _let、const、var_ 的区别
+
+### 88. _ES6_ 中模块化导入和导出与 _common.js_ 有什么区别
+
+### 89. 说一下普通函数和箭头函数的区别
+
+### 90. 说一下 _promise_ 和 _async_ 和 _await_ 什么关系
+
+### 91. 说一下你学习过的有关 _ES6_ 的知识点
+
+### 92. 了解过 _js_ 中 _arguments_ 吗？接收的是实参还是形参？
+
+### 93. _ES6_ 相比于 _ES5_ 有什么变化
+
+### 94. 强制类型转换方法有哪些？
+
+### 95. 纯函数
+
+### 96. _JS_ 模块化
+
+### 97. 看过 _jquery_ 源码吗？
+
+### 98. 说一下 _js_ 中的 _this_
+
+### 99. _apply call bind_ 区别，手写
+
+### 100. 手写 _reduce flat_
+
+### 101. == 隐试转换的原理？是怎么转换的
+
+### 102. ['1', '2', '3'].map(parseInt) 结果是什么，为什么 （字节）
+
+### 103. 防抖，节流是什么，如何实现 （字节）
+
+### 104. 介绍下 _Set、Map、WeakSet_ 和 _WeakMap_ 的区别（字节）
+
+### 105. _setTimeout、Promise、Async/Await_ 的区别（字节）
+
+### 106. _Promise_ 构造函数是同步执行还是异步执行，那么 _then_ 方法呢？（字节）
+
+### 107. 情人节福利题，如何实现一个 _new_ （字节）
+
+let Parent = function (name, age) {
+this.name = name;
+this.age = age;
+};
+Parent.prototype.sayName = function () {
+console.log(this.name);
+};
+//自己定义的 new 方法
+let newMethod = function (Parent, ...rest) {
+// 1.以构造器的 prototype 属性为原型，创建新对象；
+let child = Object.create(Parent.prototype);
+// 2.将 this 和调用参数传给构造器执行
+let result = Parent.apply(child, rest);
+// 3.如果构造器没有手动返回对象，则返回第一步的对象
+return typeof result === 'object' ? result : child;
+};
+//创建实例，将构造函数 Parent 与形参作为参数传入
+const child = newMethod(Parent, 'echo', 26);
+child.sayName() //'echo';
+//最后检验，与使用 new 的效果相同
+console.log(child instanceof Parent)//true
+console.log(child.hasOwnProperty('name'))//true
+console.log(child.hasOwnProperty('age'))//true
+console.log(child.hasOwnProperty('sayName'))//false
+
+### 108. 实现一个 _sleep_ 函数（字节）
+
+### 109. 使用 sort() 对数组 [3, 15, 8, 29, 102, 22] 进行排序，输出结果 （字节）
+
+### 110. 实现 5.add(3).sub(2) (百度)
+
+### 111. 给定两个数组，求交集
+
+### 112. 为什么普通 _for_ 循环的性能远远高于 _forEach_ 的性能，请解释其中的原因。
+
+### 113. 实现一个字符串匹配算法，从长度为 n 的字符串 S 中，查找是否存在字符串 T，T 的长度是 m，若存在返回所在位置。
+
+### 114. 使用 _JavaScript Proxy_ 实现简单的数据绑定
+
+### 115. 数组里面有 _10_ 万个数据，取第一个元素和第 _10_ 万个元素的时间相差多少（字节）
+
+### 116. 打印出 _1~10000_ 以内的对称数
+
+### 117. 简述同步和异步的区别
+
+### 118. 怎么添加、移除、复制、创建、和查找节点
+
+### 119. 实现一个函数 _clone_ 可以对 _Javascript_ 中的五种主要数据类型（_Number、string、 Object、Array、Boolean_）进行复制
+
+### 120. 如何消除一个数组里面重复的元素
+
+### 121. 写一个返回闭包的函数
+
+### 122. 使用递归完成 1 到 100 的累加
+
+### 123. _Javascript_ 有哪几种数据类型
+
+### 124. 如何判断数据类型
+
+### 125. console.log(1+'2')和 console.log(1-'2')的打印结果
+
+### 126. _JS_ 的事件委托是什么，原理是什么
+
+### 127. 如何改变函数内部的 _this_ 指针的指向
+
+### 128. _JS_ 延迟加载的方式有哪些？
+
+### 129. 说说严格模式的限制
+
+### 130. _attribute_ 和 _property_ 的区别是什么？
+
+### 131. _ES6_ 能写 _class_ 么，为什么会出现 _class_ 这种东西?
+
+### 132. 常见兼容性问题
+
+### 133. 函数防抖节流的原理
+
+### 134. 原始类型有哪几种？_null_ 是对象吗？
+
+### 135. 为什么 _console.log(0.2+0.1==0.3) // false_
+
+### 136. 说一下 _JS_ 中类型转换的规则？
+
+### 137. 深拷贝和浅拷贝的区别？如何实现
+
+### 138. 如何判断 _this_？箭头函数的 _this_ 是什么
+
+### 139. _call、apply_ 以及 _bind_ 函数内部实现是怎么样的
+
+### 140. 为什么会出现 _setTimeout_ 倒计时误差？如何减少
+
+### 141. 谈谈你对 _JS_ 执行上下文栈和作用域链的理解
+
+### 142. _new_ 的原理是什么？通过 _new_ 的方式创建对象和通过字面量创建有什么区别？
+
+### 143. _prototype_ 和 \_\__proto_\_\_ 区别是什么？
+
+### 144. 使用 ES5 实现一个继承？
+
+### 145. 取数组的最大值（_ES5、ES6_）
+
+### 146. _ES6_ 新的特性有哪些？
+
+### 147. _Promise_ 有几种状态, _Promise_ 有什么优缺点 ?
+
+### 148. _Promise_ 构造函数是同步还是异步执行，_then_ 呢 ? _Promise_ 如何实现 _then_ 处理 ?
+
+### 149. _Promise_ 和 _setTimeout_ 的区别 ?
+
+### 150. 如何实现 _Promise.all_ ?
+
+### 151. 如何实现 _Promise.finally_ ?
+
+### 152. 如何判断 _img_ 加载完成
+
+### 153. 如何阻止冒泡？
+
+### 154. 如何阻止默认事件？
+
+### 155. 如何用原生 _js_ 给一个按钮绑定两个 _onclick_ 事件？
+
+### 156. 拖拽会用到哪些事件
+
+### 157. _document.write_ 和 _innerHTML_ 的区别
+
+### 158. _jQuery_ 的事件委托方法 _bind 、live、delegate、one、on_ 之间有什么区别？
+
+### 159. _$(document).ready_ 方法和 _window.onload_ 有什么区别？
+
+### 160. jquery 中$.get()提交和$.post()提交有区别吗？
+
+### 161. _await async_ 如何实现 （阿里）
+
+### 162. _clientWidth,offsetWidth,scrollWidth_ 的区别
+
+### 163. 产生一个不重复的随机数组
+
+### 164. _continue_ 和 _break_ 的区别
+
+### 165. 如何在 _jquery_ 上扩展插件，以及内部原理（腾讯）
+
+### 166. _async/await_ 如何捕获错误
+
+### 167. _Proxy_ 对比 _Object.defineProperty_ 的优势
+
+### 168. 原型链，可以改变原型链的规则吗?
+
+### 169. 讲一讲继承的所有方式都有什么？手写一个寄生组合式继承
+
+### 170. _JS_ 基本数据类型有哪些？栈和堆有什么区别，为什么要这样存储。（快手）
+
+### 171. _setTimeout(() => {}, 0)_ 什么时候执行
+
+### 172. _js_ 有函数重载吗（网易）
+
+### 173. 给你一个数组，计算每个数出现的次数，如果每个数组返回的数都是独一无二的就返回 _true_ 相反则返回的 _flase_
+
+### 174. 封装一个能够统计重复的字符的函数，例如 _aaabbbdddddfff_ 转化为 _3a3b5d3f_
+
+### 175. 写出代码的执行结果，并解释为什么？
+
+```js
+function a() {
+ console.log(1);
+}
+(function () {
+ if (false) {
+ function a() {
+ console.log(2);
+ }
+ }
+ console.log(typeof a);
+ a();
+})();
+```
+
+### 176. 写出代码的执行结果，并解释为什么？
+
+```js
+alert(a);
+a();
+var a = 3;
+function a() {
+ alert(10);
+}
+alert(a);
+a = 6;
+a();
+```
+
+### 177. 写出下面程序的打印顺序，并简要说明原因
+
+```js
+setTimeout(function () {
+ console.log('set1');
+ new Promise(function (resolve) {
+ resolve();
+ }).then(function () {
+ new Promise(function (resolve) {
+ resolve();
+ }).then(function () {
+ console.log('then4');
+ });
+ console.log('then2');
+ });
+});
+new Promise(function (resolve) {
+ console.log('pr1');
+ resolve();
+}).then(function () {
+ console.log('then1');
+});
+
+setTimeout(function () {
+ console.log('set2');
+});
+console.log(2);
+
+new Promise(function (resolve) {
+ resolve();
+}).then(function () {
+ console.log('then3');
+});
+```
+
+### 178. _javascript_ 中什么是伪数组？如何将伪数组转换为标准数组
+
+### 179. _array_ 和 _object_ 的区别
+
+### 180. _jquery_ 事件委托
+
+### 181. _JS_ 基本数据类型
+
+### 182. 请实现一个模块 _math_，支持链式调用`math.add(2,4).minus(3).times(2);`
+
+### 183. 请简述 _ES6_ 代码转成 _ES5_ 代码的实现思路。
+
+### 184. 下列代码的执行结果
+
+```js
+async function async1() {
+ console.log('async1 start');
+ await async2();
+ console.log('async1 end');
+}
+async function async2() {
+ console.log('async2');
+}
+console.log('script start');
+setTimeout(function () {
+ console.log('setTimeout');
+}, 0);
+async1();
+new Promise(function (resolve) {
+ console.log('promise1');
+ resolve();
+}).then(function () {
+ console.log('promise2');
+});
+console.log('script end');
+```
+
+### 185. _JS_ 有哪些内置对象？
+
+### 186. _DOM_ 怎样添加、移除、移动、复制、创建和查找节点
+
+### 187. _eval_ 是做什么的？
+
+### 188. _null_ 和 _undefined_ 的区别？
+
+### 189. _new_ 操作符具体干了什么呢？
+
+### 190. 去除字符串中的空格
+
+### 191. 常见的内存泄露，以及解决方案
+
+### 192. 箭头函数和普通函数里面的 _this_ 有什么区别
+
+### 193. 设计⼀个⽅法(_isPalindrom_)以判断是否回⽂(颠倒后的字符串和原来的字符串⼀样为回⽂)
+
+### 194. 设计⼀个⽅法(_findMaxDuplicateChar_)以统计字符串中出现最多次数的字符
+
+### 195. 设计⼀段代码，使得通过点击按钮可以在 _span_ 中显示⽂本框中输⼊的值
+
+### 196. _map_ 和 _forEach_ 的区别？
+
+### 197. _Array_ 的常用方法
+
+### 198. 数组去重的多种实现方式
+
+### 199. 什么是预解析（预编译）
+
+### 200. 原始值类型和引用值类型的区别是什么？
+
+### 201. 冒泡排序的思路，不用 _sort_
+
+### 202. _symbol_ 用途
+
+### 203. 什么是函数式编程，应用场景是什么
+
+### 204. 事件以及事件相关的兼容性问题
+
+### 205. _JS_ 小数不精准，如何计算
+
+### 206. 写一个 _mySetInterVal(fn, a, b)_，每次间隔 _a,a+b,a+2b_ 的时间，然后写一个 _myClear_，停止上面的 _mySetInterVal_
+
+### 207. 合并二维有序数组成一维有序数组，归并排序的思路
+
+### 208. 给定一个字符串，请你找出其中不含有重复字符的最长子串的长度。
+
+### 209. 有一堆整数，请把他们分成三份，确保每一份和尽量相等（11，42，23，4，5，6 4 5 6 11 23 42 56 78 90）(滴滴 _2020_)
+
+### 210. 手写发布订阅（头条 2020）
+
+### 211. 手写用 _ES6proxy_ 如何实现 _arr[-1]_ 的访问（滴滴 2020）
+
+### 212. 下列代码执行结果
+
+```js
+console.log(1);
+setTimeout(() => {
+ console.log(2);
+ process.nextTick(() => {
+ console.log(3);
+ });
+ new Promise((resolve) => {
+ console.log(4);
+ resolve();
+ }).then(() => {
+ console.log(5);
+ });
+});
+new Promise((resolve) => {
+ console.log(7);
+ resolve();
+}).then(() => {
+ console.log(8);
+});
+process.nextTick(() => {
+ console.log(6);
+});
+setTimeout(() => {
+ console.log(9);
+ process.nextTick(() => {
+ console.log(10);
+ });
+ new Promise((resolve) => {
+ console.log(11);
+ resolve();
+ }).then(() => {
+ console.log(12);
+ });
+});
+```
+
+### 213. Number() 的存储空间是多大？如果后台发送了一个超过最大自己的数字怎么办
+
+### 214. 事件是如何实现的？(字节 2020)
+
+### 215. 下列代码执行结果
+
+```js
+Promise.resolve()
+ .then(() => {
+ console.log(0);
+ return Promise.resolve(4);
+ })
+ .then((res) => {
+ console.log(res);
+ });
+
+Promise.resolve()
+ .then(() => {
+ console.log(1);
+ })
+ .then(() => {
+ console.log(2);
+ })
+ .then(() => {
+ console.log(3);
+ })
+ .then(() => {
+ console.log(5);
+ })
+ .then(() => {
+ console.log(6);
+ });
+```
+
+### 216. 判断数组的方法，请分别介绍它们之间的区别和优劣
+
+### 217. JavaScript 中的数组和函数在内存中是如何存储的？
+
+### 218. _JavaScript_ 是如何运行的？解释型语言和编译型语言的差异是什么？
+
+### 219. 列举你所了解的编程范式？
+
+### 220. 什么是面向切面（AOP）的编程？
+
+### 221. _JavaScript_ 中的 _const_ 数组可以进行 _push_ 操作吗？为什么？
+
+### 222. JavaScript 中对象的属性描述符有哪些？分别有什么作用？
+
+### 223. _JavaScript_ 中 _console_ 有哪些 _api_ ?
+
+### 224. 简单对比一下 _Callback、Promise、Generator、Async_ 几个异步 _API_ 的优劣？
+
+### 225. _Object.defineProperty_ 有哪几个参数？各自都有什么作用
+
+### 226. _Object.defineProperty_ 和 _ES6_ 的 _Proxy_ 有什么区别？
+
+### 227. _intanceof_ 操作符的实现原理及实现
+
+### 228. 强制类型转换规则？
+
+### 229. _Object.is_( ) 与比较操作符 “===”、“==” 的区别
+
+### 230. `+` 操作符什么时候用于字符串的拼接？
+
+### 231. _object.assign_ 和扩展运算法是深拷贝还是浅拷贝
+
+### 232. _const_ 对象的属性可以修改吗
+
+### 233. 如果 _new_ 一个箭头函数的会怎么样
+
+### 234. 扩展运算符的作用及使用场景
+
+### 235. _Proxy_ 可以实现什么功能？
+
+### 236. 对象与数组的解构的理解
+
+### 237. 如何提取高度嵌套的对象里的指定属性？
+
+### 238. _Unicode、UTF-8、UTF-16、UTF-32_ 的区别？
+
+### 239. 为什么函数的 _arguments_ 参数是类数组而不是数组？如何遍历类数组?
+
+### 240. _escape、encodeURI、encodeURIComponent_ 的区别
+
+### 241. _use strict_ 是什么意思 ? 使用它区别是什么？
+
+### 242. _for...in_ 和 _for...of_ 的区别
+
+### 243. _ajax、axios、fetch_ 的区别
+
+### 244. 下面代码的输出是什么？（ _D_ ）
+
+```javascript
+function sayHi() {
+ console.log(name);
+ console.log(age);
+ var name = 'Lydia';
+ let age = 21;
+}
+
+sayHi();
+```
+
+- A: _Lydia_ 和 _undefined_
+- B: _Lydia_ 和 _ReferenceError_
+- C: _ReferenceError_ 和 _21_
+- D: _undefined_ 和 _ReferenceError_
+
+### 245. 下面代码的输出是什么？（ _C_ ）
+
+```javascript
+for (var i = 0; i < 3; i++) {
+ setTimeout(() => console.log(i), 1);
+}
+
+for (let i = 0; i < 3; i++) {
+ setTimeout(() => console.log(i), 1);
+}
+```
+
+- A: _0 1 2_ 和 _0 1 2_
+- B: _0 1 2_ 和 _3 3 3_
+- C: _3 3 3_ 和 _0 1 2_
+
+### 246. 下面代码的输出是什么？（ _B_ ）
+
+```javascript
+const shape = {
+ radius: 10,
+ diameter() {
+ return this.radius * 2;
+ },
+ perimeter: () => 2 * Math.PI * this.radius,
+};
+
+shape.diameter();
+shape.perimeter();
+```
+
+- A: _20_ 和 _62.83185307179586_
+- B: _20_ 和 _NaN_
+- C: _20_ 和 _63_
+- D: _NaN_ 和 _63_
+
+### 247. 下面代码的输出是什么？（ _A_ ）
+
+```
++true;
+!"Lydia";
+```
+
+- A: _1_ 和 _false_
+- B: _false_ 和 _NaN_
+- C: _false_ 和 _false_
+
+### 248. 哪个选项是不正确的？（ _A_ ）
+
+```javascript
+const bird = {
+ size: 'small',
+};
+
+const mouse = {
+ name: 'Mickey',
+ small: true,
+};
+```
+
+- A: _mouse.bird.size_
+- B: _mouse[bird.size]_
+- C: _mouse[bird["size"]]_
+- D: 以上选项都对
+
+### 249. 下面代码的输出是什么？（ _A_ ）
+
+```javascript
+let c = { greeting: 'Hey!' };
+let d;
+
+d = c;
+c.greeting = 'Hello';
+console.log(d.greeting);
+```
+
+- A: _Hello_
+- B: _undefined_
+- C: _ReferenceError_
+- D: _TypeError_
+
+### 250. 下面代码的输出是什么？（ _C_ ）
+
+```js
+let a = 3;
+let b = new Number(3);
+let c = 3;
+
+console.log(a == b);
+console.log(a === b);
+console.log(b === c);
+```
+
+- A: _true_ _false_ _true_
+- B: _false_ _false_ _true_
+- C: _true_ _false_ _false_
+- D: _false_ _true_ _true_
+
+### 251. 下面代码的输出是什么？（ _D_ ）
+
+```js
+class Chameleon {
+ static colorChange(newColor) {
+ this.newColor = newColor;
+ }
+
+ constructor({ newColor = 'green' } = {}) {
+ this.newColor = newColor;
+ }
+}
+
+const freddie = new Chameleon({ newColor: 'purple' });
+freddie.colorChange('orange');
+```
+
+- A: _orange_
+- B: _purple_
+- C: _green_
+- D: _TypeError_
+
+### 252. 下面代码的输出是什么？（ _A_ ）
+
+```js
+let greeting;
+greetign = {}; // Typo!
+console.log(greetign);
+```
+
+- A: _{}_
+- B: _ReferenceError: greetign is not defined_
+- C: _undefined_
+
+### 253. 当我们执行以下代码时会发生什么？（ _A_ ）
+
+```js
+function bark() {
+ console.log('Woof!');
+}
+
+bark.animal = 'dog';
+```
+
+- A 什么都不会发生
+- B: _SyntaxError. You cannot add properties to a function this way._
+- C: _undefined_
+- D: _ReferenceError_
+
+> **分析：**
+>
+> 因为函数也是对象！（原始类型之外的所有东西都是对象）
+>
+> 函数是一种特殊类型的对象，我们可以给函数添加属性，且此属性是可调用的。
+
+### 254. 下面代码的输出是什么？（ _A_ ）
+
+```js
+function Person(firstName, lastName) {
+ this.firstName = firstName;
+ this.lastName = lastName;
+}
+
+const member = new Person('Lydia', 'Hallie');
+Person.getFullName = () => this.firstName + this.lastName;
+
+console.log(member.getFullName());
+```
+
+- A: _TypeError_
+- B: _SyntaxError_
+- C: _Lydia Hallie_
+- D: _undefined_ _undefined_
+
+### 255. 下面代码的输出是什么？（ _A_ ）
+
+```js
+function Person(firstName, lastName) {
+ this.firstName = firstName;
+ this.lastName = lastName;
+}
+
+const lydia = new Person('Lydia', 'Hallie');
+const sarah = Person('Sarah', 'Smith');
+
+console.log(lydia);
+console.log(sarah);
+```
+
+- A: _Person { firstName: "Lydia", lastName: "Hallie" }_ 和 _undefined_
+- B: _Person { firstName: "Lydia", lastName: "Hallie" }_ 和 _Person { firstName: "Sarah", lastName: "Smith" }_
+- C: _Person { firstName: "Lydia", lastName: "Hallie" }_ 和 _{}_
+- D: _Person { firstName: "Lydia", lastName: "Hallie" }_ 和 _ReferenceError_
+
+### 256. 事件传播的三个阶段是什么？（ _D_ ）
+
+- A: 目标 > 捕获 > 冒泡
+- B: 冒泡 > 目标 > 捕获
+- C: 目标 > 冒泡 > 捕获
+- D: 捕获 > 目标 > 冒泡
+
+### 257. 下面代码的输出是什么？（ _C_ ）
+
+```js
+function sum(a, b) {
+ return a + b;
+}
+
+sum(1, '2');
+```
+
+- A: _NaN_
+- B: _TypeError_
+- C: _"12"_
+- D: _3_
+
+### 258. 下面代码的输出是什么？（ _C_ ）
+
+```js
+let number = 0;
+console.log(number++);
+console.log(++number);
+console.log(number);
+```
+
+- A: _1 1 2_
+- B: _1 2 2_
+- C: _0 2 2_
+- D: _0 1 2_
+
+### 259. 下面代码的输出是什么？（ _B_ ）
+
+```js
+function getPersonInfo(one, two, three) {
+ console.log(one);
+ console.log(two);
+ console.log(three);
+}
+
+const person = 'Lydia';
+const age = 21;
+
+getPersonInfo`${person} is ${age} years old`;
+```
+
+- A: _Lydia_ _21_ _["", "is", "years old"]_
+- B: _["", "is", "years old"]_ _Lydia_ _21_
+- C: _Lydia_ _["", "is", "years old"]_ _21_
+
+### 260. 下面代码的输出是什么？（ _C_ ）
+
+```js
+function checkAge(data) {
+ if (data === { age: 18 }) {
+ console.log('You are an adult!');
+ } else if (data == { age: 18 }) {
+ console.log('You are still an adult.');
+ } else {
+ console.log(`Hmm.. You don't have an age I guess`);
+ }
+}
+
+checkAge({ age: 18 });
+```
+
+- A: _You are an adult!_
+- B: _You are still an adult._
+- C: _Hmm.. You don't have an age I guess_
+
+### 261. 下面代码的输出是什么？（ _C_ ）
+
+```js
+function getAge(...args) {
+ console.log(typeof args);
+}
+
+getAge(21);
+```
+
+- A: _"number"_
+- B: _"array"_
+- C: _"object"_
+- D: _"NaN"_
+
+### 262. 下面代码的输出是什么？（ _C_ ）
+
+```js
+function getAge() {
+ 'use strict';
+ age = 21;
+ console.log(age);
+}
+
+getAge();
+```
+
+- A: _21_
+- B: _undefined_
+- C: _ReferenceError_
+- D: _TypeError_
+
+### 263. 下面代码的输出是什么？（ _A_ ）
+
+```js
+const sum = eval('10*10+5');
+```
+
+- A: _105_
+- B: _"105"_
+- C: _TypeError_
+- D: _"10\*10+5"_
+
+### 264. _cool_secret_ 可以访问多长时间？（ _B_ ）
+
+```js
+sessionStorage.setItem('cool_secret', 123);
+```
+
+- A：永远，数据不会丢失。
+- B：用户关闭选项卡时。
+- C：当用户关闭整个浏览器时，不仅是选项卡。
+- D：用户关闭计算机时。
+
+### 265. 下面代码的输出是什么？（ _B_ ）
+
+```js
+var num = 8;
+var num = 10;
+
+console.log(num);
+```
+
+- A: _8_
+- B: _10_
+- C: _SyntaxError_
+- D: _ReferenceError_
+
+### 266. 下面代码的输出是什么？（ _C_ ）
+
+```js
+const obj = { 1: 'a', 2: 'b', 3: 'c' };
+const set = new Set([1, 2, 3, 4, 5]);
+
+obj.hasOwnProperty('1');
+obj.hasOwnProperty(1);
+set.has('1');
+set.has(1);
+```
+
+- A: _false_ _true_ _false_ _true_
+- B: _false_ _true_ _true_ _true_
+- C: _true_ _true_ _false_ _true_
+- D: _true_ _true_ _true_ _true_
+
+### 267. 下面代码的输出是什么？（ _C_ ）
+
+```js
+const obj = { a: 'one', b: 'two', a: 'three' };
+console.log(obj);
+```
+
+- A: _{ a: "one", b: "two" }_
+- B: _{ b: "two", a: "three" }_
+- C: _{ a: "three", b: "two" }_
+- D: _SyntaxError_
+
+### 268. 下面代码的输出是什么？（ _C_ ）
+
+```js
+for (let i = 1; i < 5; i++) {
+ if (i === 3) continue;
+ console.log(i);
+}
+```
+
+- A: _1 2_
+- B: _1 2 3_
+- C: _1 2 4_
+- D: _1 3 4_
+
+### 269. 下面代码的输出是什么？（ _A_ ）
+
+```js
+String.prototype.giveLydiaPizza = () => {
+ return 'Just give Lydia pizza already!';
+};
+
+const name = 'Lydia';
+
+name.giveLydiaPizza();
+```
+
+- A: _"Just give Lydia pizza already!"_
+- B: _TypeError: not a function_
+- C: _SyntaxError_
+- D: _undefined_
+
+### 270. 下面代码的输出是什么？（ _B_ ）
+
+```js
+const a = {};
+const b = { key: 'b' };
+const c = { key: 'c' };
+
+a[b] = 123;
+a[c] = 456;
+
+console.log(a[b]);
+```
+
+- A: _123_
+- B: _456_
+- C: _undefined_
+- D: _ReferenceError_
+
+### 271. 下面代码的输出是什么？（ _B_ ）
+
+```js
+const foo = () => console.log('First');
+const bar = () => setTimeout(() => console.log('Second'));
+const baz = () => console.log('Third');
+
+bar();
+foo();
+baz();
+```
+
+- A: _First_ _Second_ _Third_
+- B: _First_ _Third_ _Second_
+- C: _Second_ _First_ _Third_
+- D: _Second_ _Third_ _First_
+
+### 272. 单击按钮时 _event.target_ 是什么？（ _C_ ）
+
+```html
+
+```
+
+- A: _div_ 外部
+- B: _div_ 内部
+- C: _button_
+- D: 所有嵌套元素的数组
+
+### 273. 单击下面的 _html_ 片段打印的内容是什么？（ _A_ ）
+
+```html
+
+```
+
+- A: _p_ _div_
+- B: _div_ _p_
+- C: _p_
+- D: _div_
+
+### 274. 下面代码的输出是什么？（ _D_ ）
+
+```js
+const person = { name: 'Lydia' };
+
+function sayHi(age) {
+ console.log(`${this.name} is ${age}`);
+}
+
+sayHi.call(person, 21);
+sayHi.bind(person, 21);
+```
+
+- A: _undefined is 21_ _Lydia is 21_
+- B: _function_ _function_
+- C: _Lydia is 21_ _Lydia is 21_
+- D: _Lydia is 21_ _function_
+
+### 275. 下面代码的输出是什么？（ _B_ ）
+
+```js
+function sayHi() {
+ return (() => 0)();
+}
+
+typeof sayHi();
+```
+
+- A: _"object"_
+- B: _"number"_
+- C: _"function"_
+- D: _"undefined"_
+
+### 276. 下面这些值哪些是假值？（ _A_ ）
+
+```js
+0;
+new Number(0);
+('');
+(' ');
+new Boolean(false);
+undefined;
+```
+
+- A: _0_ _""_ _undefined_
+- B: _0_ _new Number(0)_ _""_ _new Boolean(false)_ _undefined_
+- C: _0_ _""_ _new Boolean(false)_ _undefined_
+- D: 所有都是假值。
+
+### 278. 下面代码的输出是什么？（ _B_ ）
+
+```js
+console.log(typeof typeof 1);
+```
+
+- A: _"number"_
+- B: _"string"_
+- C: _"object"_
+- D: _"undefined"_
+
+### 279. 下面代码的输出是什么？（ _C_ ）
+
+```js
+const numbers = [1, 2, 3];
+numbers[10] = 11;
+console.log(numbers);
+```
+
+- A: _[1, 2, 3, 7 x null, 11]_
+- B: _[1, 2, 3, 11]_
+- C: _[1, 2, 3, 7 x empty, 11]_
+- D: _SyntaxError_
+
+### 280. 下面代码的输出是什么？（ _A_ ）
+
+```js
+(() => {
+ let x, y;
+ try {
+ throw new Error();
+ } catch (x) {
+ (x = 1), (y = 2);
+ console.log(x);
+ }
+ console.log(x);
+ console.log(y);
+})();
+```
+
+- A: _1_ _undefined_ _2_
+- B: _undefined_ _undefined_ _undefined_
+- C: _1_ _1_ _2_
+- D: _1_ _undefined_ _undefined_
+
+### 281. _JavaScript_ 中的所有内容都是…（ _A_ ）
+
+- A：原始或对象
+- B：函数或对象
+- C：技巧问题！只有对象
+- D：数字或对象
+
+### 282. 下面代码的输出是什么?
+
+```js
+[
+ [0, 1],
+ [2, 3],
+].reduce(
+ (acc, cur) => {
+ return acc.concat(cur);
+ },
+ [1, 2]
+);
+```
+
+- A: _[0, 1, 2, 3, 1, 2]_
+- B: _[6, 1, 2]_
+- C: _[1, 2, 0, 1, 2, 3]_
+- D: _[1, 2, 6]_
+
+### 283. 下面代码的输出是什么？（ _B_ ）
+
+```js
+!!null;
+!!'';
+!!1;
+```
+
+- A: _false_ _true_ _false_
+- B: _false_ _false_ _true_
+- C: _false_ _true_ _true_
+- D: _true_ _true_ _false_
+
+### 284. _setInterval_ 方法的返回值什么？（ _A_ ）
+
+```js
+setInterval(() => console.log('Hi'), 1000);
+```
+
+- A：一个唯一的 _id_
+- B：指定的毫秒数
+- C：传递的函数
+- D：_undefined_
+
+### 285. 下面代码的返回值是什么？（ _A_ ）
+
+```js
+[...'Lydia'];
+```
+
+- A: _["L", "y", "d", "i", "a"]_
+- B: _["Lydia"]_
+- C: _[[], "Lydia"]_
+- D: _[["L", "y", "d", "i", "a"]]_
+
+### 286. _document.write_ 和 _innerHTML_ 有哪些区别？
+
+### 287. 假设有两个变量 _a_ 和 _b_，他们的值都是数字，如何在不借用第三个变量的情况下，将两个变量的值对调？
+
+### 288. 前端为什么提倡模块化开发？
+
+### 289. 请解释 _JSONP_ 的原理，并用代码描述其过程。
+
+### 290. 列举几种 _JavaScript_ 中数据类型的强制转换和隐式转换。
+
+### 291. 分析以下代码的执行结果并解释为什么。
+
+```js
+var a = { n: 1 };
+var b = a;
+a.x = a = { n: 2 };
+
+console.log(a.x);
+console.log(b.x);
+```
+
+### 292. 分析以下代码的执行结果并解释为什么。
+
+```js
+// example 1
+var a = {},
+ b = '123',
+ c = 123;
+a[b] = 'b';
+a[c] = 'c';
+console.log(a[b]);
+
+// example 2
+var a = {},
+ b = Symbol('123'),
+ c = Symbol('123');
+a[b] = 'b';
+a[c] = 'c';
+console.log(a[b]);
+
+// example 3
+var a = {},
+ b = { key: '123' },
+ c = { key: '456' };
+a[b] = 'b';
+a[c] = 'c';
+console.log(a[b]);
+```
+
+### 293. 下面的代码打印什么内容？为什么？
+
+```js
+var b = 10;
+(function b() {
+ b = 20;
+ console.log(b);
+})();
+```
+
+### 294. 下面代码中，_a_ 在什么情况下会执行输出语句打印 _1_ ？
+
+```js
+var a = ?;
+if(a == 1 && a == 2 && a == 3){
+ console.log(1);
+}
+```
+
+### 295. 介绍前端模块化的发展。
+
+### 296. 请指出 _document.onload_ 和 document.ready 两个事件的区别
+
+### 297. 表单元素的*readonly* 和 _disabled_ 两个属性有什么区别？
+
+### 298. 列举几种你知道的数组排序的方法。
+
+### 299. 区分什么是“客户区坐标”、“页面坐标”、“屏幕坐标”？
+
+### 300. 如何编写高性能的 _JavaScript_？
+
+### 301. 下面的代码输出什么？
+
+```js
+var a = function () {
+ return 5;
+};
+a.toString = function () {
+ return 3;
+};
+console.log(a + 7);
+```