2023秋招JS面经（1）

对象（Object）：JavaScript 的对象是一种复合数据类型，用于存储键值对。对象由一组属性（properties）组成，每个属性都有一个键（key）和对应的值（value）。对象可以通过字面量表示法或构造函数来创建。

函数（Function）：JavaScript 是一门函数式编程语言，函数在 JavaScript 中是一等公民。函数是可执行的代码块，可以接收参数并返回一个值。可以通过函数声明或函数表达式的方式定义函数。

数组（Array）：JavaScript 数组是一种有序、可变的数据集合，可以存储多个值。数组可以包含不同类型的数据，并且长度是动态的。可以使用字面量表示法或构造函数来创建数组。

GPU加速，利用GPU来处理复合图层（像素密集型）进行"加速"
减少回流、重绘，例如：
1. 避免使用CSS表达式，因为当页面变化时，都会进行重新计算
2. 不适用table布局，因为该布局中的一个小改动都会引起整个table重新布局，所以现在table布局已经几乎淘汰
3. 能使用css就不使用js
离屏渲染，正常情况下数据经过计算和渲染后，就会直接显示在屏幕上，而使用离屏渲染，就会在内存将画面全部渲染好，再放在页面上，以防画面过于复杂而使用户感到掉帧
懒加载，将需要的资源提前加载到本地，需要时直接从缓存中取出，节约时间。

防止内存泄露，比如：
1. 使用全局变量不当产生的内存泄露
2. DOM引用没有及时清除，导致DOM删除后但JS引用依旧存在，占用资源
3. 定时器没有及时关闭（所以建议自己封装可以自动关闭的定时器组件）
循环语句尽早break
合理使用闭包
减少DOM访问，因为JS引擎和渲染引擎交互较为费时，如果需要常用，要使用一个变量将其缓存起来，不要每次都去查询获取
防抖------多次点击，只执行最后一次
节流------一定时间内，多次调用只执行一次
Web Worker（工作线程），可以将一些耗时的数据处理操作从主线程中剥离出来，使主线程更加专注于页面渲染和交互。

b.n b.m应该为1和undefined

f.b访问不到

js 复制代码

var c = 1;
function c(c) {
	console.log(c)
}
c(2)

详见红宝书P26

js 复制代码

//函数作⽤域：局部作⽤域
var a = 1;
function b() {
 a = 10;
 return;
 //a函数声明，提前变量a，将a认为是函数b作⽤域的变量，具有局部效果
 function a(){}
}b();
console.log(a); // 1

js 复制代码

var m= 1, j = k = 0; 
function add(n) { 
    return n = n+1; 
} 
y = add(m); 
function add(n) { 
    return n = n + 3; 
} 
z = add(m);

每日一篇——23秋招JS面经（1）