Skip to main content

用清晰的解释讲解 JavaScript

· 5 min read
Beau Carnes

JavaScript Full course

JavaScript 是一种多功能且强大的编程语言，主要用于创建网站上的互动和动态内容。它是与 HTML 和 CSS 并列的万维网核心技术之一。HTML 提供网页的结构，CSS 控制其展示，而 JavaScript 则通过启用复杂的功能和行为使其生动起来。

我们刚刚在 freeCodeCamp.org 的 YouTube 频道发布了一门新的 JavaScript 课程，该课程旨在通过清晰的解释和测验部分带领初学者了解 JavaScript 的基础知识。

Steven Garcia 创建了这门课程。虽然我们频道上已经有很多 JavaScript 课程，但 Steven 是一位出色的老师，所以我们希望这门课程能帮助我们的社区成员。

以下是您可能想学习 JavaScript 的一些原因：

  1. 普遍性和需求：JavaScript 无处不在。所有现代网页浏览器都支持它，并且几乎每个网站都在使用它。学习 JavaScript 使您成为一名多才多艺的开发人员，能够通过 Node.js 等环境在客户端（前端）和服务器端（后端）工作。

  2. 其他技术的基础：理解 JavaScript 对于使用各种流行的库和框架（如 React、Angular 和 Vue.js）非常重要。这些工具广泛应用于构建复杂的网络应用程序。

  3. 职业机会：精通 JavaScript 可以显著提升您的就业前景。作为需求最旺盛的编程语言之一，JavaScript 技能在雇主中非常受欢迎，他们希望构建和维护现代的、动态的网站和应用程序。

  4. 多功能性：JavaScript 不仅限于网页开发。它还用于游戏开发、移动应用开发（使用 React Native 框架）甚至桌面应用开发（使用 Electron 框架）。

这门课程分为七个主要部分。以下是您将在每个部分中学到的内容：

第1部分：入门

  • 介绍

  • 什么是 JavaScript？

  • 设置开发环境

  • 在社交媒体上关注

第2部分：JavaScript 变量

  • 变量

  • 常量

  • 原始类型

  • 动态类型

  • 对象

  • 数组

  • 函数

  • 函数类型

  • 变量总结

第3部分：JavaScript 运算符

  • 运算符简介

  • 算术运算符

  • 赋值运算符

  • 比较运算符

  • 等值运算符

  • 三元运算符

  • 逻辑运算符

  • 带非布尔值的逻辑运算符

  • 运算符优先级

  • 运算符总结

第4部分：控制流

  • If-Else 语句

  • Switch-Case 语句

  • For 循环

  • While 循环

  • Do-while 循环

  • 无限循环

  • For-in 循环

  • For-of 循环

  • Break 和 Continue

  • 练习：两个数字的最大值

  • 练习：FizzBuzz

  • 练习：偶数和奇数

  • 控制流总结

第5部分：JavaScript 对象

  • 对象字面量

  • 工厂函数

  • 构造函数

  • 对象是动态的

  • 构造函数属性

  • 函数是对象

  • 值类型 vs 引用类型

  • 枚举对象的属性

  • 克隆对象

  • 垃圾回收

  • 内置的 Math 函数

  • 字符串方法

  • 模板字面量

  • Date 对象

  • 对象总结

**第

6部分：JavaScript 数组**

  • 数组简介

  • 添加元素

  • 查找元素（原始类型）

  • 查找元素（引用类型）

  • 箭头函数

  • 删除元素

  • 清空数组

  • 合并和切片数组

  • 扩展运算符

  • 遍历数组

  • 连接数组

  • 排序数组

  • 测试数组元素

  • 过滤数组

  • 映射数组

  • 归并数组

第7部分：JavaScript 函数

  • 函数声明 vs 表达式

  • 提升

  • 参数

  • 剩余运算符

  • 默认参数

  • Getter 和 Setter

  • Try 和 Catch

  • 局部变量 vs 全局变量

  • Let vs Var

  • 'this' 关键字

在 freeCodeCamp.org 的 YouTube 频道 上观看完整课程（4 小时观看）。