**课程导读:JavaScript 基础入门——从零构建前端思维**

在 Web 开发的广阔天地中,JavaScript 无疑是那颗最璀璨的明珠。作为唯一能在浏览器中原生运行的脚本语言,它赋予了静态网页以生命力。本课程专为零基础学员设计,系统梳理 JavaScript 的核心基石,带你从“能写页面”进阶到“懂逻辑、会编程”。我们将层层剥开 JS 的神秘面纱,涵盖语法结构、数据类型、流程控制、函数进阶、闭包概念及对象操作等关键模块,帮助你在前端之路上迈出坚实的第一步。

**为何学习 JavaScript?**
如果说 HTML 是网页的骨架,CSS 是其皮肤,那么 JavaScript 就是它的灵魂与肌肉。无论你是希望制作交互式的网页特效,还是未来转向 Vue、React 等现代框架开发,扎实的 JS 基础都是不可或缺的根基。本课程时长紧凑、内容精炼,旨在让你在短时间内掌握 JS 的核心语法的本质。

**课程亮点与学习路径**

**1. 语法与数据的基石**
课程伊始,我们将深入解析 JavaScript 的基本语法结构。你将学会如何声明变量与常量,理解 `let`、`const` 与旧式 `var` 的区别,避免常见的变量作用域陷阱。接着,我们会详细探讨数字、字符串及其他基本数据类型,包括类型转换的微妙之处。通过大量的代码示例,你将掌握表达式与运算符的使用技巧,为后续的逻辑构建打下坚实基础。

**2. 逻辑控制的精髓**
程序的核心在于逻辑。本部分将系统讲解分支语句(`if...else`、`switch...case`)与循环语句(`for`、`for...in`、`while`、`do...while`)。你不仅会学会如何用代码实现复杂的条件判断和重复任务,还会了解对话框(`alert`、`prompt`、`confirm`)的使用,初步体验人机交互的魅力。这部分内容是所有编程语言的通用语言,掌握它将让你具备用代码解决问题的思维能力。

**3. 函数的艺术:从入门到精通**
函数是 JavaScript 的重中之重,也是本课程的精华所在。我们从函数的三种创建方式讲起,逐步深入到参数传递、返回值、作用域链以及 `arguments` 对象。特别值得一提的是,课程专门设置了章节讲解 `call`、`apply` 和 `bind` 方法,帮助你理解函数调用上下文的改变,这是深入理解面向对象编程的关键一步。此外,立即执行函数表达式(IIFE)也是课程的重点,它将帮助你理解模块化和避免全局变量污染。

**4. 突破难点:对象与闭包**
JavaScript 的对象模型是其灵活性的来源。课程将从对象概述入手,讲解如何创建和使用对象,随后深入数组对象的进阶操作。对于许多初学者感到困惑的“闭包”概念,我们将通过两个章节、分步骤进行初步拆解,用通俗的语言解释闭包的形成原理及其应用场景,消除你对这一高级特性的恐惧。最后,我们还会触及 `eval` 函数的使用及其安全性考量,拓宽你的技术视野。

**5. 实战与巩固**
每一章节都配有丰富的案例练习,确保你不仅能听懂,更能动手写出来。课程总结部分将回顾分支循环相关语句的综合应用,帮助你将零散的知识点串联成网。

**适合谁学?**
无论你是编程初学者,还是希望夯实 JS 基础的 Web 爱好者,本课程都将为你提供清晰、系统的学习路径。不要畏惧代码,从今天开始,让我们一起开启 JavaScript 的精彩之旅!

课程目录

课程目录100 集
  • 1 001.JS的简介和使用入门1 (30:29).mp4
  • 2 002.JS的简介和使用入门2 (15:01).mp4
  • 3 003.JS的基本语法结构 (11:42).mp4
  • 4 004.JS的数字类型 (27:11).mp4
  • 5 005.JS的字符串类型 (23:06).mp4
  • 6 006.JS的其他基本数据类型 (22:08).mp4
  • 7 007.JS的常量和变量 (29:46).mp4
  • 8 008.JS的表达式和运算符 (35:30).mp4
  • 9 009.if分支语句 (21:01).mp4
  • 10 010.switch...case分支语句 (09:51).mp4
  • 11 011.for循环语句 (26:12).mp4
  • 12 012.for...in循环 (13:17).mp4
  • 13 013.while和do...while循环语句 (18:27).mp4
  • 14 014.分支循环相关语句 (31:12).mp4
  • 15 015.对话框的使用 (14:00).mp4
  • 16 016.js对象的概述1 (43:25).mp4
  • 17 017.js对象的概述2 (08:40).mp4
  • 18 018.js函数的三种创建方式 (28:16).mp4
  • 19 019.js函数相关知识点1 (36:50).mp4
  • 20 020.js函数的相关知识2 (24:20).mp4
  • 21 021.js函数的相关知识3 (22:45).mp4
  • 22 022.js函数的相关知识点4 (26:02).mp4
  • 23 023.js函数的相关知识点5 (42:14).mp4
  • 24 024.arguments对象 (29:21).mp4
  • 25 初步理解闭包1 (41:37).mp4
  • 26 026.初步理解闭包2 (11:45).mp4
  • 27 027.函数的立即执行表达式 (16:44).mp4
  • 28 028.把字符串转成js命令去执行 (31:15).mp4
  • 29 029.call和apply和bind命令 (38:46).mp4
  • 30 030.数组对象1 (17:38).mp4
  • 31 031.数组对象2 (22:06).mp4
  • 32 032.数组对象3 (29:03).mp4
  • 33 033.字符串对象1 (28:27).mp4
  • 34 034.字符串对象2和Unicode编码 (30:46).mp4
  • 35 035.字符串对象3 (33:15).mp4
  • 36 036.Math对象的使用 (08:25).mp4
  • 37 037.Date对象1 (30:22).mp4
  • 38 038.Date对象2 (17:35).mp4
  • 39 039.Date对象3 (25:22).mp4
  • 40 040.Date对象4 (17:14).mp4
  • 41 041.Number对象 (24:23).mp4
  • 42 042.Boolean对象 (16:06).mp4
  • 43 043.Object对象1 (19:15).mp4
  • 44 044.Object对象2 (21:54).mp4
  • 45 045.Object对象3 (22:39).mp4
  • 46 046.Object对象4 (23:38).mp4
  • 47 047.Object对象5 (35:23).mp4
  • 48 048.Object对象6 (10:56).mp4
  • 49 049.自定义对象的六种方式 (21:15).mp4
  • 50 050.查看和控制元属性的方法 (33:43).mp4
  • 51 051.进一步了解元属性一 (20:12).mp4
  • 52 052.进一步了解元属性二 (30:05).mp4
  • 53 053.进一步了解元属性三和对象拷贝 (31:59).mp4
  • 54 054.原型对象的理解 (28:14).mp4
  • 55 055.原型链和constructor属性 (36:54).mp4
  • 56 056.深入理解instanceof运算符 (11:04).mp4
  • 57 057.与原型有关的方法一 (19:49).mp4
  • 58 058.与原型有关的方法二 (08:38).mp4
  • 59 059.与原型有关的方法三 (14:52).mp4
  • 60 060.与原型有关的方法四 (15:16).mp4
  • 61 061.构造函数间的继承模式 (17:37).mp4
  • 62 062.多重继承的模式 (09:50).mp4
  • 63 063.Js的模块模式 (29:36).mp4
  • 64 064.document对象简介和快捷方式属性 (37:14).mp4
  • 65 065.document对象节点集合属性 (27:14).mp4
  • 66 066.document对象文档静态属性 (39:20).mp4
  • 67 067.document剩下的属性 (39:48).mp4
  • 68 068.document对象的方法1 (26:56).mp4
  • 69 069.document对象的方法2 (16:06).mp4
  • 70 070.document对象的方法3 (15:09).mp4
  • 71 071.document对象的方法4 (30:21).mp4
  • 72 072.document对象的方法5 (29:36).mp4
  • 73 073.document对象的方法6 (07:28).mp4
  • 74 074.document对象的方法7 (14:35).mp4
  • 75 075.document对象的方法8 (33:12).mp4
  • 76 076.document对象的方法9 (09:11).mp4
  • 77 077.document对象的方法10 (24:24).mp4
  • 78 078.document对象的方法11 (25:11).mp4
  • 79 079.document对象的方法12 (12:06).mp4
  • 80 080.js的常用对象1 (42:17).mp4
  • 81 081.js的常用对象2 (31:48).mp4
  • 82 082.js的窗口对象1 (24:37).mp4
  • 83 083.js的窗口对象2 (35:17).mp4
  • 84 084.js的窗口对象3 (21:06).mp4
  • 85 085.js的窗口对象4 (13:50).mp4
  • 86 086.js的窗口对象5 (21:56).mp4
  • 87 087.js的窗口对象6 (17:16).mp4
  • 88 088.js的窗口对象7 (14:01).mp4
  • 89 089.js的窗口对象8 (25:05).mp4
  • 90 090.js的窗口对象9 (13:21).mp4
  • 91 091.js的窗口对象10 (16:46).mp4
  • 92 092.DOM对象基础1 (12:22).mp4
  • 93 093.DOM对象基础2 (23:14).mp4
  • 94 094.DOM对象基础3 (30:28).mp4
  • 95 095.DOM对象基础4 (17:38).mp4
  • 96 096.DOM对象基础5 (38:41).mp4
  • 97 097.DOM对象基础6 (21:29).mp4
  • 98 098.DOM对象基础7 (34:45).mp4
  • 99 099.DOM对象基础8 (20:20).mp4
  • 100 100.DOM对象基础9 (24:59).mp4