JavaScript 入门教程 – Guru99
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 等都支持它。尽管每个浏览器都有一系列不属于标准的独特命令。