前端萌妹讲解:Angular2/Ionic/TypeScript/es6关系

Posted 2021-04-25 前端人

“自从接触angular2以来，组长就提到了3个对于我来说是新东西的东西：”

• angular2

• typescript

• es6

• ionic

其实对于这3个东西来说，我根本搞不清楚他们之间的关系，突然之间意识到，自己不能再这样搞不清楚关系的就学下去。这样就像angular1似的，自己还是什么都不会，angular1我会用，但是不会讲，你要问我angular1和ionic的关系，我现在也不能讲清楚，说明白。 
那么没关系，从小白做起，不会的就问，据说大神们都是乐于分享的。

接下来就是小白贺贺彻底搞清楚这四者的关系，加油！(づ￣ 3￣)づ

关于ES6

ECMAScript 6.0（以下简称ES6）是javascript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 
–阮一峰

ECMAScript和JavaScript的关系

由于JavaScript的创造者Netscae公司的版权问题吧，ECMAScript不能叫Javascript。总之，ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现（另外的ECMAScript方言还有Jscript和ActionScript）。。

关于angular2

AngularJS*是一款优秀的前端*JS框架。 
AngularJS2是基于typescript来开发的。

在2014年底，Google宣布Angular 2将会对AngularJS进行完全地重写，他们甚至还创建了一门新的语言，名为“AtScript”，他们本来希望使用这门语言来编写Angular 2应用。

但是，随后Microsoft同意在它们的TypeScript语言（JavaScript的一个严格超集）上添加对装饰符（decorator，又称为注解）的支持，所以，它就成为了开发Angular 2框架本身所使用的语言，并且还是使用AngularJS框架开发应用的推荐语言。

另外，我们还可以使用JavaScript（ECMAScript 5和6均可）和Dart来编写Angular 2应用。

除此之外，Angular团队还集成了Microsoft的另外一个产品到Angular 2框架之中，这就是反应型JavaScript扩展（reactive JavaScript extension）的RxJS库。

关于typescript

TypeScript是ES6的超集。至于需不需要使用，在于你所需要的场景。比如在Angular2中，用TypeScript明显好于ES6。 
– 某网友

TypeScript的开发者c#之父，所以这个TypeScript的很多语言特性是从c#中移过来的。TypeScript大概是ES7的实现，所以从语法角度来讲，是具有很大优势。TypeScript可选择编译成ES5或ES3，ts文件编译成js文件，并且ts文件可直接在浏览器中调试。TypeScript还有一大优势是配合宇宙最强编译器VS,开发效率非常高。唯一的不足只是用TypeScript开发的人太少。

关于ionic

ionic和angular的关系，相信大家一定和我一样好奇，这二者之间的关系是什么呢？自从工作以来，我就知道我们用的东西是angular和ionic，但是我还是不太清楚这二者之间的关系。那么今天就让我把这二者之间的关系搞清楚，不要让他再迷惑我。

Ionic 是一个强大的 HTML5 应用程序开发框架。号称Advanced html5 Hybrid Mobile App Framework 是AngularJS 移动端解决方案 可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

Ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互。

该框架基于流行的来自于Google的AngularJS框架实现，Ionic利用AngularJS提供应用结构，而Ionic本身则关注用户界面。这意味着所有的视图、应用路由和控制器都是由AngularJS处理的。Ionic为它自己的组件提供了一组指令，因此开发者能够使用Angular创建自定义HTML元素的能力定义Ionic UI组件。

Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架，它自称为是“本地与HTML5的结合”。 
Ionic宣称他们极度强调性能，并且通过限制DOM交互、完全移除jQuery以及使用像translate(z)这种特定的硬件加速的CSS滤镜触发移动设备上GPU——与由动力不足的移动浏览器提供的交互相比这种方式提供了硬件加速的交互——等方式使速度最大化。

Ionic仅支持ios6及更高版本和android 4.1及更高版本。推送设备的更新换代。

就好像我们公司的同事们还在绞尽脑汁的思考怎么支持ie6一样，我们不能总是这样，要推新技术，那么老设备的淘汰就不可避免，所以必须强烈推进这一点。

总结一下： 
ES6是Javascript语言的标准，typescript是ES6的超集，Angular2是基于typescript来开发的JS框架。Ionic是一个强大的UI开发框架。

文章版权：前端攻城妞-贺贺