你的位置:首页 > 软件开发 > Java > 迈向angularjs2系列:typescript指南

迈向angularjs2系列:typescript指南

发布时间:2017-06-30 00:00:48
typescript指南前言typescript是angularjs2推荐使用的脚本语言。它由微软2012年首次发布。 一. typescript和javascript的区别1.从遵循的规范上的角度: Javascript遵循ECMA5的规范,TypeSc ...

迈向angularjs2系列:typescript指南

 

typescript指南

前言

typescript是angularjs2推荐使用的脚本语言。它由微软2012年首次发布。 

一.    typescript和javascript的区别

1.从遵循的规范上的角度:

  Javascript遵循ECMA5的规范,TypeScript是语法上对ECMA6的实现。

2.从功能上说:

TypeScript提供了类、模块和接口来帮助构建组件,更方便写面向对象的程序,所以被称为更好的typescript。

3.从支持上说:

所有的浏览器都支持ES5及之前的javascript,而没有浏览器支持typescript,所以需要编译。另外typescript支持所有javascript的语法。

照片显示了ES5、ES2015、ES2016以及typescript的关系。

迈向angularjs2系列:typescript指南

二. typescript的安装和helloworld程序

(1)npm安装

 npm install -g typescript@1.8 全局安装了1.8版本的typescript编译器和tsc程序,并且添加到环境变量中。为了确认正常,打印-v命令。
$ npm -v  //首先看一下npm是不是新版本$ npm install -g typescript@1.8. //全局安装typescript$ tsc -v

javascript是函数作用域。

var fns=[];for(var i=0;i<5;i+=1){  fns.push(function(){    console.log(i);  })}fns.forEach(fn=>fn());

四: 发挥静态类型的优势

有了静态类型,那么IDE开发环境除了避免输入错误的语法高亮,还提供精确静态分析的建议。很棒。

typescript的所有类型包含几类:

● 原生类型

● 组合类型

● Object类型

● 泛型

● any类型

(1)使用显式类型定义

迈向angularjs2系列:typescript指南

除了webstorm报类型(type)错误,运行编译命令,typescript  也报错 Type 'string' is not assignable to type 'number' 。那么就是说,一旦foo设置了类型,就不能赋值为其他类型了。

(2)any类型

any类型是所有其他类型的父类,代表可以拥有任何类型的值,类似于动态类型,一方面不会报错,另一方面则放弃了typescript的优点了。

let foo:any;foo={};foo="bar";foo+=24;console.log(foo);//结果为"bar 24"。

原标题:迈向angularjs2系列:typescript指南

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。