什么是 JavaScript？

JavaScript 是一种具有一等函数的轻量级解释型编程语言。它是所有主流 Web 浏览器中唯一原生运行的编程语言，使其成为 Web 的语言。JavaScript 为 HTML 页面添加交互性、动画和动态行为。借助 Node.js，它也可以在服务器上运行，使其成为唯一同时覆盖前端和后端开发的语言。

历史

JavaScript 由 Brendan Eich 于 1995 年 5 月在 Netscape 仅用 10 天创建。它最初叫 Mocha，后改为 LiveScript，最终更名为 JavaScript——这是一个营销决策，旨在借助 Sun 的 Java 语言的知名度。尽管名字相似，两种语言毫无关联。JavaScript 于 1997 年被 Ecma International 标准化为 ECMAScript（ES）。重要里程碑包括 ES5（2009）、ES6/ES2015（2015——语言史上最大的更新）以及 ES2016 起的年度发布。

基本语法

JavaScript 是动态类型的：变量可以保存任何类型的值，类型在运行时检查。现代 JavaScript 使用 let 和 const 声明变量。函数是一等值，可以赋给变量、作为参数传递以及从其他函数返回。

// 变量
const name = "小明";
let age = 25;

// 函数
function greet(person) {
  return `你好，${person}！`;
}

// 箭头函数
const square = (n) => n * n;

// 数组方法
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(n => n * 2);      // [2, 4, 6, 8, 10]
const evens   = numbers.filter(n => n % 2 === 0); // [2, 4]

// Async / Await
async function fetchUser(id) {
  const response = await fetch(`/api/users/${id}`);
  const data = await response.json();
  return data;
}

数据类型

JavaScript 有八种数据类型——七种原始类型和一种对象类型：

• String（字符串） — 文本："你好"、'世界'、`模板 ${字面量}`
• Number（数字） — 所有数值（整数和浮点数）：42、3.14、NaN、Infinity
• BigInt — 任意精度整数：9007199254740991n
• Boolean（布尔值） — true 或 false
• Undefined — 已声明但未赋值的变量
• Null — 故意缺失的值：null
• Symbol（符号） — 唯一不可变的标识符
• Object（对象） — 键值对集合，包括数组、函数和日期

核心概念

• DOM 操作 — JavaScript 可通过文档对象模型实时读取和修改浏览器中的 HTML 元素、属性、样式和内容
• 事件 — JavaScript 通过事件监听器响应用户操作（点击、按键、表单提交）
• 异步编程 — 回调、Promise 和 async/await 允许非阻塞操作，如 API 调用和定时器
• 原型继承 — 对象可以通过原型链从其他对象继承属性
• 闭包 — 函数记住创建它们的作用域，实现数据封装
• 模块 — ES 模块（import / export）允许将代码分割成可复用的文件

常见使用场景

• 交互式网页 — 表单验证、下拉菜单、图片轮播、模态对话框、实时搜索
• 单页应用（SPA） — React、Vue.js 和 Angular 让您构建无需页面刷新即可更新的完整 Web 应用
• 服务器端开发 — Node.js 在服务器上运行 JavaScript，用于 API、Web 服务器和微服务
• 移动应用 — React Native 让您用 JavaScript 构建 iOS 和 Android 应用
• 桌面应用 — Electron 使用 Web 技术驱动 VS Code、Slack 和 Figma 等应用
• 浏览器扩展 — Chrome、Firefox 和 Edge 扩展都是用 JavaScript 编写的

JavaScript 与 Java 比较

尽管名字相似，JavaScript 和 Java 是完全不同的语言：

• 类型系统 — Java 是静态类型；JavaScript 是动态类型
• 执行方式 — Java 编译为字节码并在 JVM 上运行；JavaScript 由浏览器的 JS 引擎（V8、SpiderMonkey）解释执行
• 编程范式 — Java 是基于类的面向对象；JavaScript 是多范式（原型 OOP、函数式、过程式）
• 使用场景 — Java 用于企业后端和 Android；JavaScript 在浏览器和 Node.js 上运行

JavaScript 与 TypeScript 比较

TypeScript 是微软开发的 JavaScript 超集，编译为纯 JavaScript：

• TypeScript 添加可选的静态类型，在编译时而非运行时捕获类型错误
• TypeScript 支持接口、泛型、枚举和装饰器
• 所有有效的 JavaScript 代码都是有效的 TypeScript——迁移可以逐步进行
• TypeScript 是大型 React 和 Angular 项目的首选语言

注意事项

• 默认使用 const；变量需要重新赋值时使用 let。避免使用 var。
• JavaScript 是单线程的——使用 async/await 处理非阻塞 I/O
• === 同时检查值和类型；== 执行类型转换——优先使用 ===
• typeof null 返回 "object"——这是语言中的历史遗留错误
• 数组是对象：typeof [] 返回 "object"；使用 Array.isArray() 进行检查
• 函数是一等对象——可以存储在变量中并作为参数传递