this 是函数运行时的上下文对象，不由定义位置决定，而由调用方式决定。通俗说：谁调用函数，this 就指向谁（箭头函数除外）。

1. this 的指向

函数执行时会在内部创建两个特殊变量：

• arguments：实参的类数组对象
• this：当前执行上下文中的 this 绑定

function test() {
  console.log(this);
}

const objA = {
  a: test,
  b: {
    c: test,
  },
};

test();       // window（浏览器）/ global（Node）
objA.a();     // objA
objA.b.c();   // objA.b（只看直接调用者，不看外层对象）

录屏

调用摄像头

选中朗读

设计模式是面向对象开发中可复用的解决方案。JS 中常用创建型、结构型、行为型三类模式；下面结合典型场景与代码说明。

模式分类速览

1. 封装

把数据和方法包装在一起，对外隐藏实现细节。

本文整理 JS 中零散但常用的知识点：运算符、类型转换、变量声明、精度、防抖节流、垃圾回收等。this、面向对象、事件循环、设计模式见同目录其他文档。

1. 运算符

空值合并 ?? 与逻辑或 ||

JavaScript 是单线程语言，靠事件循环（Event Loop） 调度异步任务，保证页面不卡死。理解事件循环是读懂 Promise、async/await、性能优化的基础。

1. 进程与线程