面试大厂，这些 JavaScript 问题一定要掌握
在此之前，可以先过一遍 MDN，了解一些基础的 API，见 JavaScript Reference (opens in a new tab)
特别是 Array、Object、Promise 的 API，在面试以及实际工作中，都很实用。
另外，对最新的 EcmaScript 特性，也需要了解一下，如 ES2021、ES2022、ES2023 等。
API
JS 中基本数据类型有哪些
七种，文档见 基本数据类型 - MDN (opens in a new tab)
- number
- bigint: 这个常常会忽略，最新加入的
- string
- undefined
- null
- symbol
- bool
Number、String、Array、Object、Promise API
开放性题目，掌握 JavaScript 中此类最常用的 API 对于面试以及工作都很重要。
类数组转化为数组
Array.from(arrayLike);
Array.apply(null, arrayLike);
Array.prototype.concat.apply([], arrayLike);可选链操作符，如何访问数组与函数
?. 操作符，可以嵌套获取对象的属性值。通过获取对象属性获得的值可能是 undefined 或 null 时，可选链操作符提供了一种方法来简化被连接对象的值访问。
const o = {}
// 添加可选链之前
o && o.a && o.a.b && o.a.b.c && o.a.b.c.d
// 添加可选链之后
o?.a?.b?.c?.d前端中遇到过处理二进制的场景吗
TypedArray
见 MDN
Promise.allSettled() 场景
见 MDN
什么是 Iterable 对象，与 Array 有什么区别
实现了 [Symbol.iterator] 属性的对象即是 Iterable 对象，然后可以使用操作符 for...of 进行迭代
> l = [1, 2, 3, 4]
< (4) [1, 2, 3, 4]
> l[Symbol.iterator]
< ƒ values() { [native code] }详细参考 https://javascript.info/iterable (opens in a new tab)
解构赋值以下对象，他们的值是多少
const {a: aa, b } = {a: 3, b: 4} 分别打印 a、aa、b，他们的值是多少
const { a: aa, b } = { a: 3, b: 4 };
// 其中 a 报错、aa 为3, b 为 4Map 与 WeakMap 有何区别
答：
Map: 可使用任何数据类型作为 key，但因其在内部实现原理中需要维护两个数组，存储 key/value，因此垃圾回收机制无法回收WeakMap: 只能使用引用数据类型作为 key。弱引用，不在内部维护两个数组，可被垃圾回收，但因此无法被遍历！即没有与枚举相关的 API，如keys、values、entries等
如何判断某一个值是数组
const isArray = Array.isArray || list => ({}).toString.call(list) === '[object Array]'简述 Object.defineProperty
与直接为一个对象的属性赋值(o.a = 3)不同，Object.defineProperty 可更为精确，拥有更多选项地为对象属性赋值
属性描述符拥有两种: 数据描述符与存取描述符
Object.keys 与 Object.getOwnPropertyNames() 有何区别
答：
Object.keys: 列出可枚举的属性值Object.getOwnPropertyNames: 列出所有属性值(包括可枚举与不可枚举)
同时 Object.defineProperty 中的选项 enumerable 可定义属性是否可枚举
如何创建一个数组大小为100，每个值都为0的数组
// 方法一:
Array(100).fill(0);
// 方法二:
// 注: 如果直接使用 map，会出现稀疏数组
Array.from(Array(100), (x) => 0);
// 方法二变体:
Array.from({ length: 100 }, (x) => 0);Number 中最大数、最大安全整数、EPSILON 都是多少，原理是什么
JS 如何检测到对象中有循环引用
JS 深克隆时如何处理循环引用
基础
防抖和节流
答：
- 防抖：防止抖动，单位时间内事件触发会被重置，避免事件被误伤触发多次。代码实现重在清零
clearTimeout。防抖可以比作等电梯，只要有一个人进来，就需要再等一会儿。业务场景有避免登录按钮多次点击的重复提交。 - 节流：控制流量，单位时间内事件只能触发一次，与服务器端的限流 (Rate Limit) 类似。代码实现重在开锁关锁
timer=timeout; timer=null。节流可以比作过红绿灯，每等一个红灯时间就可以过一批。
typeof 与 instanceof 的区别
如下：
- typeof 用以判断基础数据类型 (null 除外)
- instanceOf 借助原型链判断复杂数据类型
bind 与 call/apply 的区别是什么
他们都是绑定 this 的，但是
bind返回函数call/apply直接执行函数
在 js 中如何实现继承
有两种方法：
class/extendsfunction/new
js 中在 new 的时候发生了什么
如下：
- 创建一个新的对象
- this 指向实例，并且执行函数
- 如果没有显式返回，则默认返回这个实例
以下输出顺序多少 (setTimeout 与 promise 顺序)
setTimeout(() => console.log(0));
new Promise((resolve) => {
console.log(1);
resolve(2);
console.log(3);
}).then((o) => console.log(o));
new Promise((resolve) => {
console.log(4);
resolve(5);
})
.then((o) => console.log(o))
.then(() => console.log(6));请简述一下 event loop
简述 node/v8 中的垃圾回收机制
v8 是如何执行一段 JS 代码的
参考几篇文章
- V8是如何执行JavaScript代码的？ (opens in a new tab)
- [译]JavaScript是如何工作的：深入V8引擎&编写优化代码的5个技巧 (opens in a new tab)
- JavaScript 引擎 V8 执行流程概述 (opens in a new tab)
关于块级作用域，以下代码输出多少，在何时间输出
for (var i = 0; i < 5; i++) {
setTimeout(() => console.log(i), 1000);
}什么是闭包，闭包的应用有哪些地方
关于简单的事件循环，判断以下代码输出
setTimeout(() => console.log("A"));
Promise.resolve().then(() => console.log("B"));
console.log("C");关于事件循环，一道异步代码执行输出顺序问题
setTimeout(() => {
console.log("A");
Promise.resolve().then(() => {
console.log("B");
});
}, 1000);
Promise.resolve().then(() => {
console.log("C");
});
new Promise((resolve) => {
console.log("D");
resolve("");
}).then(() => {
console.log("E");
});
async function sum(a, b) {
console.log("F");
}
async function asyncSum(a, b) {
await Promise.resolve();
console.log("G");
return Promise.resolve(a + b);
}
sum(3, 4);
asyncSum(3, 4);
console.log("H");关于 Promise，判断以下代码的输出
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);
});为何 0.1 + 0.2 不等于 0.3，应如何做相等比较
0.1，0.2 表示为二进制会有精度的损失，比较时可引入一个很小的数值 Number.EPSILON 容忍误差，其值为 2^-52。
function equal (a, b) {
return Math.abs(a - b) < Number.EPSILON
}关于 this 与包装对象，以下输出多少
function foo() {
console.log(this);
}
foo.call(3);关于类型转化，判断以下代码输出
Boolean(new Boolean(false));
Boolean(document.all);
[] == "";
[3] == 3;
[] == false;
42 == true;关于暂时性死域，判断以下代码输出
第一段代码如下
var a = 3;
let a;第二段代码如下
var x = 3;
function foo (x=x) {
// ..
}
foo()关于词法作用域，判断以下代码输出
var scope = "global scope";
function checkScope() {
var scope = "local scope";
function f() {
return scope;
}
return f;
}
checkScope()();关于 new，判断以下代码输出
function F () {
this.a = 3;
return {
a: 4;
}
}
const f = new F();
console.log(f.a);