文章目录
- 前言
- [JavaScript 简介](#JavaScript 简介)
-
- [1. 历史与标准](#1. 历史与标准)
- [2. 运行环境](#2. 运行环境)
- [3. 主要特点](#3. 主要特点)
- [4. 常见用途](#4. 常见用途)
- [5. 优缺点](#5. 优缺点)
- 第一个程序：HelloWorld
前言
JavaScript 教程
JavaScript 简介
JavaScript（简称 JS） 是一种广泛应用于网页和服务器端的高级编程语言。它是 Web 的三大核心技术之一：
-
HTML：负责页面结构
-
CSS：负责页面样式
-
JavaScript：负责页面行为与交互
一句话概括：JavaScript 让网页"动"起来，也能通过 Node.js 写后端、桌面应用、命令行工具等。
1. 历史与标准
-
1995 年由 Brendan Eich 在 Netscape 公司创建。
-
最初叫 Mocha，后改名 LiveScript，最终为了借助 Java 热度改名为 JavaScript。
-
JavaScript 和 Java 没有直接关系，只是名字相似。
-
1997 年标准化为 ECMAScript（ECMA-262）。
-
2015 年发布的 ES6 / ES2015 是重要里程碑，之后每年更新。
-
现代 JavaScript 通常指 ES6+。
2. 运行环境
JavaScript 不只能在浏览器中运行：
-
浏览器：Chrome 的 V8、Firefox 的 SpiderMonkey、Safari 的 JavaScriptCore。
-
Node.js：在服务器或本地运行 JS。
-
Deno / Bun：较新的 JavaScript/TypeScript 运行时。
-
还可用于移动端、桌面端、游戏、物联网等。
在浏览器中，JavaScript 通常可以操作：
-
DOM：文档对象模型，控制网页内容与结构。
-
BOM：浏览器对象模型，控制窗口、地址栏、历史记录等。
-
Web API ：如
fetch、setTimeout、localStorage、Canvas 等。
3. 主要特点
-
动态类型：变量类型在运行时确定。
-
弱类型：不同类型之间可自动转换，灵活但容易出错。
-
基于原型 ：对象通过原型链继承，ES6 的
class只是语法糖。 -
函数：函数可赋值、传参、返回。
-
事件驱动：适合处理点击、输入、网络请求等事件。
-
异步非阻塞：通过回调、Promise、async/await 处理异步。
-
单线程 + 事件循环：主线程单线程，但可借助事件循环和异步 API 实现并发。
-
跨平台：浏览器、服务器、移动端、桌面端都能运行。
4. 常见用途
-
网页交互：表单验证、动画、菜单、弹窗。
-
前端框架：React、Vue、Angular、Svelte。
-
后端开发：Node.js + Express、NestJS、Koa。
-
移动与桌面：React Native、Electron、Tauri。
-
工具链：Webpack、Vite、Babel、ESLint。
-
游戏与可视化：Canvas、WebGL、Three.js。
5. 优缺点
优点：
-
入门相对容易，生态庞大。
-
浏览器原生支持，无需安装即可运行。
-
前后端都能写，社区资源丰富。
-
异步模型适合 I/O 密集型应用。
缺点：
-
动态弱类型容易产生隐蔽错误。
-
浏览器兼容性和历史包袱。
-
灵活性强，代码风格容易不统一。
-
大规模项目常需要 TypeScript、框架和工程化工具辅助。
第一个程序：HelloWorld
新建一个文件 index.html，内容如下：
<!DOCTYPE html>双击index.html，浏览器运行：
控制台输出 Hello World
// alert("Hello World"); 备注去掉，再次刷新浏览器页面，运行，网页显示 Hello World的内容弹窗。
console.log() 是 JavaScript 中最常用的输出语句，意思是"在控制台打印"。
| 部分 | 含义 |
|---|---|
console |
一个内置对象，代表控制台 |
.log() |
它的方法，用于输出信息 |
"Hello World" |
字符串（文本），用引号包裹 |
; |
语句结束符（可省略，但建议保留） |
alert() 是 JavaScript 中浏览器提供的一个内置函数，属于 window 对象，用来弹出一个警告对话框，显示一段文字，并带有一个"确定"按钮。
本文的引用仅限自我学习如有侵权，请联系作者删除。
参考知识
一天学会 JavaScript 视频教程 正式发布了。锋哥出品，必属精品。