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”);}