前角度 JS

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

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

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

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

目标受众:- 初学者

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