JavaScript 入门教程 – Guru99

JavaScript 教程摘要


这份在线 JavaScript 指南旨在让您成为 JavaScript 专业人士!它将帮助您逐步学习 JavaScript。您将在本指南中学到所有 JavaScript 基础知识。

什么是 JavaScript?

JavaScript 是一种开源且最流行的客户端脚本语言,所有浏览器都支持。JavaScript 主要用于通过使网页更生动、更具互动性来增强网页与用户的交互。它也用于游戏开发和移动应用开发。

JavaScript 教学大纲

JavaScript 新手入门基础知识

👉 第 1 课 什么是 JavaScript? — 包含 Hello World! 示例的完整介绍
👉 第 2 课 JavaScript 变量 — 在 JavaScript 中声明变量,带示例赋值
👉 第 3 课 JavaScript 数组方法 — 在 JavaScript 中创建数组的示例
👉 第 4 课 JavaScript 循环 — JavaScript 中的 For、While 和 Do While 循环(带示例)
👉 第 5 课 条件语句 — JavaScript 中的 IF、Else、Else IF 条件语句
👉 第 6 课 JavaScript 字符串格式化 — 带示例的方法

JavaScript 进阶内容!

👉 第 1 课 JavaScript 定义与调用函数 — 什么是函数、如何创建(带示例)
👉 第 2 课 JavaScript 中的 Cookies — 学习 JavaScript 设置、获取和删除 Cookie 的示例
👉 第 3 课 JavaScript DOM 教程 — 带示例学习
👉 第 4 课 OOJS 教程 — 面向对象的 JavaScript(OOJS) 教程(带示例)
👉 第 5 课 内部和外部 JavaScript — 带示例学习
👉 第 6 课 JavaScript 示例 — 使用 JavaScript 的实用代码示例
👉 第 7 课 JavaScript 单元测试框架 — 是什么以及最佳框架
👉 第 8 课 TypeScript 教程 — 是什么、类型、接口、枚举、数组、示例
👉 第 9 课 TypeScript vs JavaScript — 有什么区别?
👉 第 10 课 Java vs JavaScript — 您必须知道的最重要区别
👉 第 11 课 JavaScript 中的快速排序 — 学习 JavaScript 中的快速排序算法
👉 第 12 课 JavaScript 中 =、== 和 === 的区别 — 带示例学习

JavaScript 面试题、工具、书籍和教程 PDF

👉 第 1 课 JavaScript 课程 — 90 个最佳 JavaScript 认证课程
👉 第 2 课 JavaScript 书籍 — 14 本最适合初学者和专家的 JavaScript 书籍
👉 第 3 课 最佳 JavaScript IDE — 前 20 名最佳 JavaScript IDE 列表
👉 第 4 课 JavaScript 面试题 — 前 85 个 JavaScript 面试题及答案
👉 第 5 课 JavaScript 教程 PDF — 为初学者下载 JavaScript 教程 PDF

在这个 JavaScript 新手教程中您将学到什么?

在这个为初学者准备的 JavaScript 基础教程中,您将学习到一些 JavaScript 的基础知识,如变量、数组、循环、条件语句、Cookies 等,以及一些高级 JavaScript 概念,如 DOM、实用代码示例、JavaScript 单元测试框架、算法等。

学习本 JavaScript 教程有任何先决条件吗?

没有!这是一个绝对的 JavaScript 新手指南,通过示例来学习 JavaScript。然而,如果您有一些 HTML 和 CSS 的基础知识,这将帮助您更快、更有效地学习。

这个 JavaScript 教程适合谁?

这个 JavaScript 新手教程适合想要学习 Web 应用程序开发和软件开发的学生。本教程也对从事 Web 应用程序开发的专业人士提升知识和技能有所帮助。

为什么要学习 JavaScript 编程语言?

JavaScript 是最流行的客户端编程语言,广泛用于各行各业的 Web 应用程序开发。IT 行业对具备 JavaScript 知识的候选人有巨大需求。因此,学习 JavaScript 有助于您找到一份好工作,并提升您的技能和知识。

JavaScript 引擎是如何工作的?

JavaScript 引擎很复杂。但它基于一些简单的基础工作

  • 引擎读取(“解析”)脚本。
  • 然后它将脚本转换或编译成机器语言。
  • 之后机器代码运行。

在这里,JavaScript 引擎在过程的每一步都应用优化。它读取已编译的脚本并分析传入 JavaScript 引擎的数据。之后,它根据所获得的知识对机器代码应用优化。当这个过程完成后,脚本运行得相当快。

浏览器内的 JavaScript 能做什么?

JavaScript 的功能取决于它运行的环境。例如,Node.js 支持的函数允许 JavaScript 读写任意文件、执行网络请求、面向对象等。JavaScript 在应用程序的客户端(前端)和服务器端(后端)开发中扮演的角色可能大相径庭。

浏览器内的 JavaScript 也允许您执行网页操作、与用户以及与 Web 服务器进行交互。

JavaScript 提供了如下优势:

  • 根据用户个人资料显示动态内容。
  • 响应用户的操作,如鼠标点击事件、按键或指针移动。
  • 支持自动验证表单输入和交互式下拉菜单等功能。
  • 向远程服务器发送请求,上传和下载文件。
  • JavaScript 代码还可以创建动画和声音。
  • 向用户提问、获取和设置 cookies、显示消息、切换浏览器标签页。
  • 允许数据存储在本地存储中。

浏览器内的 JavaScript 不能做什么?

为了用户的安全,JavaScript 在浏览器中的能力是相当有限的。这有助于防止任何未经授权的网页访问私人信息。

此类限制的例子有:

  • 网页上的 JavaScript 可能不允许您复制、执行或读/写硬盘上的任意文件。它不提供任何访问操作系统功能的权限。
  • 许多浏览器允许它处理文件,但访问权限非常有限,并且仅在用户执行特定操作时才提供,例如,将文件拖放到浏览器窗口中或使用 <input> 标签进行选择。
  • JavaScript 允许您通过网络与当前页面来源的服务器通信。但是,它不允许您从其他站点/域接收数据。

是什么让 JavaScript 独一无二?

这里有三个最重要的特性,使 JavaScript 独一无二:

  • 它与 HTML/CSS 完全集成。
  • 简单的事情可以迅速完成,没有任何复杂性或遵循严格的规则。
  • 所有主流浏览器都支持,并且默认启用 JavaScript。

JavaScript 的替代品

JavaScript 的语法并不适合所有人,因为不同的项目需要不同的特性。然而,一些现代工具如 CoffeeScript、TypeScript 和 Dart 允许开发人员使用另一种语言编码,然后自动转换为 JavaScript 代码。

JavaScript 的现状如何?

ECMAScript 是由 ECMA 国际管理的一项规范,旨在标准化 JavaScript。最新版本是 ECMA9,也称为 JavaScript 9。所有主流浏览器如 Chrome、Firefox、Internet Explorer 等都支持它。尽管每个浏览器都有一系列不属于标准的独特命令。