目标受众:- 初学者
Angular JS 是来自 Google 的 Java 脚本开源框架,可从 https://angularjs.org/ 下载
开始使用 Angular JS 之前的重要概念
angular js基于以下重要概念
- 使用函数表达式而不是函数声明
- 封装函数
- 为函数使用模块
- 避免全局变量
函数表达式 VS 函数声明
函数声明
- 由于变量声明以 var 开头,函数声明以 function 开头。
- 创建的 JS 对象与函数名相同。在以下情况下,创建了名称为 myFunction 的对象。
- 在任何其他表达式之前解析和执行的函数声明。
function myFunction(){console.log(“我在 myFunction 中”);}
函数表达式
将函数分配给变量。
通过这样做,可以动态更改对函数的调用。
在函数内部使用,使封装和代码越来越模块化
var myWork=function myWorkFunction(){
console.log(“myWork Invoked”);
};
函数表达式有两种类型
匿名函数表达式
var myWork=function myWorkFunction(){
console.log(“myWork Invoked”);
};
命名函数表达式
var myWork=function myWorkFunction(){
console.log(“myWork Invoked”);
};
封装函数
函数表达式为封装提供了更好的便利
考虑以下示例
var myWork=function myWorkFunction(){
console.log(“myWork Invoked”);
};
执行此代码时,它会给出以下输出。
避免创建全局变量
通过查看上面的示例,我们可以看到 myProcess 是全局变量。这些类型的变量是覆盖的候选者,因此需要避免在 IIFY 的帮助下创建全局变量
var myWork=function myWorkFunction(){
console.log(“myWork Invoked”);
};