值不值得学：先搞清楚它解决什么工作场景

这份资料的主题是 JavaScript 的面向对象实现与设计模式。它解决的不是“怎么写页面交互”，而是“当代码量变大、逻辑变复杂时，怎么把代码组织得不乱”。很多前端开发者写到两三千行就会遇到全局变量冲突、函数互相嵌套、改一个功能牵连一大片的困境，这通常是因为缺乏对象抽象和模式思维。这份课从面向过程与面向对象的差异讲起，一直推到构造器、原型、工厂模式等具体落地手段，瞄准的是中大型项目维护、复杂业务逻辑拆分，以及技术面试中高频出现的原理追问。如果你目前只是写写简单脚本，暂时没有重构或面试压力，可以先缓一缓；如果你正卡在“能写但写不干净”的阶段，它正好对症。

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

它不适合完全零基础的人。你需要已经掌握基本语法、能独立写事件绑定和接口请求，否则直接看对象模型会觉得抽象。资料开篇用了不少篇幅对比面向过程和面向对象，用生活化案例解释概念，这部分对转行出身、只写过流水账代码的人很友好，建议先集中看完前几章的概念铺垫，建立认知框架后再进入构造器环节。不要跳过“面向过程与面向对象关系”那节，它是后续理解为什么需要工厂方法、为什么需要构造器的逻辑前提。如果你已经有其他语言的面向对象经验，可以直接从 JavaScript 特有的创建对象方式看起，重点对比动态特性和关联数组用法。

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

看这份资料时不要只当视频过一遍，必须开着编辑器同步敲。每讲一种创建对象的方式，比如字面量、工厂方法、构造器，都自己写一个小案例：用三种方式实现同一个业务对象，比如购物车或表单验证器，对比它们在属性扩展和方法复用上的差异。资料里提到的动态特性要手动验证，试试给已创建的对象追加属性和方法，观察行为变化。学完这套内容后，你应该能独立完成一件具体的事：拿到一个原本写成面条代码的业务模块，把它重构成由对象组织的结构，清楚知道每个对象负责什么数据和行为，并且能在面试中把面向对象的落地思路讲明白。这不是背完就忘的速成课，需要你真正在编辑器里反复试错，资料只是提供思路和方向，转化成自己的能力还得靠动手。


系统学习JavaScript设计模式，拓展知识，赢得面试

课程目录

*   第一章 深入探索JavaScript/

  *   课程介绍/

    *   课程介绍（面向对象的基本概念）

  *   面向对象和面向过程介绍/

    *   面向对象的概念-01-传统面向过程编程

    *   面向对象的概念-02-生活中的面向过程

    *   面向对象的概念-03-面向对象编程的概念

    *   面向对象的概念-04-面向对象的案例说明

    *   面向对象的概念-05-面向对象与面向过程的关系

  *   面向对象/

    *   面向对象的实现-01-什么是对象

    *   面向对象的实现-02-传统编程语言创建对象的方式

    *   面向对象的实现-03-js创建对象的方法-字面量-01-基本语法

    *   面向对象的实现-04-js创建对象的方法-字面量-02-对象的动态特性与关联数组用法

    *   面向对象的实现-05-js创建对象的方法-工厂方法创建对象

    *   面向对象的实现-06-js创建对象的方法-构造器创建对象

    *   面向对象的实现-07-使用对象

    *   面向对象的基本特征

  *   Error对象/

    *   Error对象-01-异常的概念

    *   Error对象-02-异常的传递

    *   Error对象-03-异常对象

  *   DOM对象/

    *   DOM对象

  *   值类型与引用类型/

    *   值类型与引用类型-01-分类与内存模型

    *   值类型与引用类型-02-引用类型与值类型赋值的特征

    *   值类型与引用类型-03-引用类型与值类型传参的特征

    *   值类型与引用类型-04-深拷贝与浅拷贝

  *   小结01/

    *   小结（面向对象的基本概念）

  *   复习和原型介绍/

    *   复习（原型与继承）

    *   课程介绍（原型与继承）

  *   原型的基本概念/

    *   原型的基本概念-01-为什么需要原型-01-构造函数的执行过程

    *   原型的基本概念-02-为什么需要原型-02-改良构造函数

    *   原型的基本概念-03-为什么需要原型-03-函数背后的神秘对象

    *   原型的基本概念-04-原型与构造函数和对象之间的关系-文字描述

    *   原型的基本概念-05-原型与构造函数和对象之间的关系-图形描述

  *   原型继承/

    *   原型继承-01-继承的概念与原型继承的概念

    *   原型继承-02-继承的代码实现-01-一般的使用

    *   原型继承-03-继承的代码实现-02-替换法实现继承

    *   原型继承-04-继承的代码实现-03-替换法实现继承的问题分析

    *   原型继承-05-继承的代码实现-04-替换法实现继承的问题分析

    *   原型继承-06-继承的代码实现-05-Object.create方法

  *   相关概念的介绍/

    *   相关概念的介绍-01-类实例构造函数等

    *   相关概念的介绍-02-静态与实例成员

  *   混入和封装/

    *   混入-01-混入的概念

    *   混入-02-封装mix函数

    *   混合式继承

  *   属性搜索原则/

    *   属性搜索原则

  *   小结02/

    *   小结（原型与继承）

  *   复习和函数介绍/

    *   复习（函数）

    *   课程介绍（函数）

  *   函数的参数/

    *   函数的参数-01-length属性

    *   函数的参数-02-arguments对象

    *   函数的参数-03-使用arguments实现多参数的函数

  *   将字符串作为代码执行/

    *   将字符串作为代码执行-01-eval函数

    *   将字符串作为代码执行-02-Function函数

    *   将字符串作为代码执行-03-Function函数练习

  *   函数与Function的关系/

    *   函数与Function的关系-01-函数是Function的实例

    *   函数与Function的关系-02-函数与Function和实例的三角形关系

    *   函数与Function的关系-03-Function也是函数

  *   Object与Function的关系/

    *   Object与Function的关系-01-Object与Function和__proto__

    *   Object与Function的关系-02-__proto__的使用验证与规则说明

    *   Object与Function的关系-03-对象的原型链结构

    *   Object与Function的关系-04-Function.prototype的继承

  *   原型链的完整结构/

    *   原型链的完整结构

  *   instanceof运算符/

    *   instanceof运算符

  *   小结03/

    *   小结（函数）

  *   复习和作用域介绍/

    *   复习（作用域与作用域链）

    *   课程介绍（作用域与作用域链）

  *   块级作用域与词法作用域/

    *   块级作用域与词法作用域-01-块级作用域

    *   块级作用域与词法作用域-02-词法作用域的概念

  *   变量的访问规则/

    *   变量的访问规则-原理

    *   变量的访问规则-案例

  *   作用域链图/

    *   绘制变量的作用域链图

  *   JavaScript的执行原理/

    *   javascript的执行原理-01-解释型语言

    *   javascript的执行原理-02-预解析-主要功能

    *   javascript的执行原理-03-预解析-函数声明与函数表达式

    *   javascript的执行原理-04-预解析-函数声明的问题

    *   javascript的执行原理-05-预解析-函数表达式的函数名

  *   面试题/

    *   代码分析-01-面试题

    *   代码分析-02-面试题

    *   代码分析-03-面试题

    *   代码分析-04-面试题

  *   小结04/

    *   小结（作用域与作用域链）

  *   复习和闭包介绍/

    *   复习（闭包与函数四种调用模式）

    *   课程介绍（闭包与函数的四种调用模式）

  *   闭包介绍和使用/

    *   闭包的概念-什么是闭包

    *   闭包解决了什么问题-01-直接return

    *   闭包解决了什么问题-02-返回一个函数间接访问

    *   闭包解决了什么问题-03-访问闭包中多个数据

    *   使用闭包的举例-01-带有缓存功能的函数

    *   使用闭包的举例-02-带有缓存功能的函数-优化

    *   使用闭包的举例-03-避免变量的污染

    *   使用闭包的举例-04-模拟块级作用域

  *   函数的四种调用模式/

    *   函数的四种调用模式-01-函数模式与方法模式

    *   函数的四种调用模式-02-函数模式与方法模式-面试题

    *   函数的四种调用模式-03-构造器模式-01-构造函数的执行过程

    *   函数的四种调用模式-03-构造器模式-02-构造函数中的return语句

    *   函数的四种调用模式-04-上下文调用-01-上下文调用的概念

    *   函数的四种调用模式-04-上下文调用-02-apply与call的区别

    *   函数的四种调用模式-04-上下文调用-03-apply与call的使用

    *   函数的四种调用模式-04-上下文调用-04-借用构造函数实现继承

    *   函数的四种调用模式-05-bind调用

  *   小结05/

    *   小结（闭包与函数的四种调用模式）