异常教程

使用 AngularJS 的先决条件

更新时间:

💡一则或许对你有用的小广告

欢迎加入小哈的星球 ，你将获得：专属的项目实战 / 1v1 提问 / Java 学习路线 / 学习打卡 / 每月赠书 / 社群讨论

  • 新项目:《从零手撸：仿小红书（微服务架构）》 正在持续爆肝中，基于 Spring Cloud Alibaba + Spring Boot 3.x + JDK 17...，点击查看项目介绍 ;
  • 《从零手撸：前后端分离博客项目（全栈开发）》 2 期已完结，演示链接： http://116.62.199.48/ ;

截止目前， 星球 内专栏累计输出 82w+ 字，讲解图 3441+ 张，还在持续爆肝中.. 后续还会上新更多项目，目标是将 Java 领域典型的项目都整一波，如秒杀系统, 在线商城, IM 即时通讯，权限管理，Spring Cloud Alibaba 微服务等等，已有 2800+ 小伙伴加入学习 ，欢迎点击围观

Angular JS 是来自 Google 的开源 JavaScript 框架，可以从 https://angularjs.org/ 下载。

开始使用 AngularJS 之前的重要概念

Angular 基于以下概念：

  • 使用函数表达式而不是函数声明
  • 封装函数
  • 为函数使用模块
  • 避免使用全局变量

函数表达式与函数声明

函数声明

  • 变量声明以 var 开头。 函数声明以 function 开头。
  • 创建的 JS 对象与函数名相同。在以下情况下，创建了一个名为 myFunction 的对象。
  • 函数声明在任何其他表达式之前被解析和执行。 

 function myFunction(){console.log (“I am in myFunction”);}

函数表达式

  • 将函数分配给变量。

  • 通过这样做，您可以动态更改对函数的调用。

  • 使用内部函数来创建封装并使您的代码更加模块化： 


 function myFunction(){console.log (“I am in myFunction”);}

函数表达式有两种类型：

1）匿名函数表达式： 


 function myFunction(){console.log (“I am in myFunction”);}

2）命名函数表达式： 


 function myFunction(){console.log (“I am in myFunction”);}

封装函数

函数表达式有利于封装。

考虑以下简单示例： 


 function myFunction(){console.log (“I am in myFunction”);}


执行此代码时，它会提供以下输出：






避免创建全局变量

通过上面的例子，我们可以看出myProcess、process是全局变量。这些类型的变量在整个页面（即每个 JS）中都可用，因此它们很容易被覆盖。需要避免在 IIFY 的帮助下创建全局变量： 


 function myFunction(){console.log (“I am in myFunction”);}