这门课在解决什么工作场景

很多上班族和转行者跟着入门教程写完几个页面后，往往会卡在同一个瓶颈：业务代码能照着抄，但稍微遇到点复杂逻辑就报错，或者看不懂别人框架里的底层写法。这门讲 JavaScript 高级语法的课，针对的就是这种“能写代码但讲不清原理”的断层状态。它不带你做新项目，而是把日常开发里最容易踩坑的几块底子单独拆出来讲透：比如 this 到底指向谁、闭包为什么会引发内存泄漏、浏览器从输入网址到渲染页面中间发生了什么。如果你平时写业务经常被作用域和 this 绑定绕晕，或者面试时一被追问底层机制就卡壳，这些内容就是用来补这个缺口的。

适合什么基础与建议先看哪几块

这套资料不适合完全零基础的人，它默认你已经能独立写函数、操作 DOM，只是对底层机制一知半解。编辑建议你拿到资料后，先从“this 绑定规则与箭头函数”这块看起，因为它是后续所有作用域和闭包讨论的基石；接着直接跳到“全局与函数代码执行过程”，把上下文和作用域链的机制弄明白；最后再看“闭包与内存管理”，理解 GC 机制和常见的泄漏场景。至于浏览器原理部分，比如回流重绘和 V8 引擎，可以放到最后作为拔高，前期不必死磕。看视频时不要贪快，遇到执行上下文的推导过程，务必暂停跟着画一遍作用域链的查找过程，比单纯听一遍有效得多。

学完能独立做什么与资料怎么配合练习

把这几块啃下来后，你能在实际工作里独立做几件具体的事：遇到复杂的 this 指向问题能直接按规则推导出结果，不用反复试错；在代码审查时能一眼看出哪里可能引发闭包内存泄漏，并知道怎么手动释放；在前端性能卡顿时，能从浏览器回流重绘的角度去定位和优化渲染。练习时，建议把视频里的代码片段在本地敲一遍，然后故意改几个参数，比如把普通函数换成箭头函数看 this 变化，或者人为制造一个闭包不释放的场景，用浏览器的内存快照工具去抓泄漏现象。资料里的代码片段不要只当文本看，配合实际跑一遍打印结果，比干啃语法管用得多。


68 this绑定规则-优先级别-箭头函数绑定this · 69 this面试题-输入URL加载过程-浏览器原理 · 70 浏览器回流和重绘-合成图层-V8引擎

课程目录

*   68 this绑定规则-优先级别-箭头函数绑定this/

  *   01 this绑定规则-优先级别-箭头函数绑定this.mp4

*   69 this面试题-输入URL加载过程-浏览器原理/

  *   01 this面试题-输入URL加载过程-浏览器原理.mp4

*   70 浏览器回流和重绘-合成图层-V8引擎原理/

  *   01 浏览器回流和重绘-合成图层-V8引擎原理

*   71 全局代码执行-函数代码执行-作用域查找/

  *   01 全局代码执行-函数代码执行-作用域查找_1

  *   01 全局代码执行-函数代码执行-作用域查找_2

*   72 作用域面试题-闭包-内存管理-GC-内存泄漏/

  *   01 作用域面试题-闭包-内存管理-GC-内存泄漏

*   73 函数对象属性-剩余参数-纯函数-柯里化函数/

  *   01 函数对象属性-剩余参数-纯函数-柯里化函数

*   74 自动柯里化-组合函数-严格模式-对象增强/

  *   01 自动柯里化-组合函数-严格模式-对象增强

*   75 对象中原型-隐式原型-new对象-继承/

  *   01 对象中原型-隐式原型-new对象-继承

*   76 原型链-借构造函数-组合-寄生-寄生组合继承/

  *   01 原型链-借构造函数-组合-寄生-寄生组合继承

*   77 原型继承关系图-类方法-class类-静态方法/

  *   01 原型继承关系图-类方法-class类-静态方法

*   78 extend继承-super-混入mixins-babel工具/

  *   01 extend继承-super-混入mixins-babel工具

*   79 多态-对象增强-手写apply-call-bind/

  *   01 多态-对象增强-手写apply-call-bind

*   80 ECMA文档-let-块级作用域-暂时性死区/

  *   01 ECMA文档-let-块级作用域-暂时性死区

*   81 模板字符串-函数增强-展开语法-Symbol/

  *   01 模板字符串-函数增强-展开语法-Symbol

*   82 Set-Map-WeakSet-WeakMap-ES8-ES11/

  *   01 Set-Map-WeakSet-WeakMap-ES8-ES11

*   83 ES12-ES13-Proxy监听对象和Proxy捕获器/

  *   01 ES12-ES13-Proxy监听对象和Proxy捕获器

*   84 Reflect和Object区别-Promise的使用/

  *   01 Reflect和Object区别-Promise的使用

*   85 Promise的then-catch和all等类方法-迭代器/

  *   01 Promise的then-catch和all等类方法-迭代器

*   86 迭代器-可迭代对象-生成器-生成器函数/

  *   01 迭代器-可迭代对象-生成器-生成器函数

*   87 异步处理-异步函数-进程-线程/

  *   01 异步处理-异步函数-进程-线程

*   88 JS单线程-宏任务-微任务-面试题-异常处理/

  *   01 JS单线程-宏任务-微任务-面试题-异常处理

*   89 Storage数据存储-正则表达式基本使用/

  *   01 Storage数据存储-正则表达式基本使用

*   90 正则表达式语法-邂逅手写工具函数/

  *   01 正则表达式语法-邂逅手写工具函数

*   91 防抖应用场景-手写防抖函数-认识节流/

  *   01 防抖应用场景-手写防抖函数-认识节流

*   92 手写节流函数-浅拷贝-深拷贝-事件总线/

  *   01 手写节流函数-浅拷贝-深拷贝-事件总线

*   93 邂逅网络请求-HTTP协议-请求头和响应头/

  *   01 邂逅网络请求-HTTP协议-请求头和响应头

*   94 XHR网络请求-Ajax请求的封装-fetch函数/

  *   01 XHR网络请求-Ajax请求的封装-fetch函数

*   课件资料/

  *   03-阶段三-JavaScript高级(ppt).zip

  *   30-JS基础-高级.zip

  *   31-JS高级.zip

  *   32-JS高级.zip

  *   33-JS高级_04.zip

  *   34-JS高级_05.zip

  *   35-JS高级_06.zip

  *   36-JS高级_07.zip

  *   37-JS高级_08.zip

  *   38-JS高级_09.zip

  *   39-JS高级_10.zip

  *   40-JS高级_11.zip

  *   41-JS高级_12.zip

  *   42-JS高级_13.zip

  *   43-JS高级_14.zip