AngularJS

AngularJS 简介

AngularJS 是由 Google 维护的经典 JavaScript 前端框架，旨在让开发者像使用“更聪明的浏览器”一样编写客户端 Web 应用。它扩展了传统 HTML 语法，通过双向数据绑定、指令（Directives） 和依赖注入等机制，帮助开发者用更简洁的代码构建结构清晰、易于测试的单页应用。

⚠️ 重要提示：AngularJS 已于 2022 年 1 月正式结束官方支持（End of Life），不再接收安全更新或功能维护。新项目请使用积极维护的 Angular。

核心特性

双向数据绑定

模型（Model）与视图（View）自动同步：UI 变化会立即反映到 JavaScript 对象，反之亦然。开发者无需手动操作 DOM。

<div ng-app="myApp" ng-controller="MyCtrl">
  <input ng-model="name">
  <p>Hello, {{name}}!</p>
</div>

指令系统

AngularJS 允许自定义 HTML 标签和属性，将可复用的 UI 逻辑封装为指令，提升代码可读性和 DRY 程度。

依赖注入与可测试性

框架内置依赖注入容器，控制器和服务所需的依赖由框架自动提供，便于替换为 Mock 对象进行单元测试。

路由与深链接

支持基于 hashbang 或 HTML5 pushState 的客户端导航，轻松实现深链接。

适用与不适用场景

• 适合：维护存量 AngularJS 项目、学习前端框架设计思想、教学演示 MV* 模式。
• 不适合：新项目开发、对安全性或性能有较高要求的现代 Web 应用。

学习资源

• 官网：https://angularjs.org
• 官方文档：https://docs.angularjs.org
• 教程：https://docs.angularjs.org/tutorial

结语

AngularJS 是前端工程化进程中的重要里程碑，其设计理念影响了后续众多框架。尽管已停止维护，理解其原理仍对前端开发者大有裨益。