angular2对比于angular1就像是java与javascript，正因为变化巨大，用angularjs来代表1.x版本，而angular代表2.x、4.x、5.x等后续版本。参考《angular权威教程》记录一下angular家族史，本文简介一下typescript。
原文链接
typescript
angular是用一种类似于javascript的语言--typescript构建的。
typescript并不是一门全新的语言，而是es6的超集。所有es6代码都是完全有效且可编译的typescript代码。
typescript
typescript相对于es5有五大改善：
类型
类
注解
模块导入
语言工具包
类型
typescript的类型是可选的。
不过，类型检查的好处在于：
1 有助于代码的编写，在编译期预防bug
2 有助于代码的阅读，清晰的表达作者意图
字符串
字符串包含文本，声明为string类型：
var name: string = 'hello world!';
数字
无论整数还是浮点，在typescript中，所有数据都是用浮点数表示：
var age: number = 25;
数组
数组用array类型表示，因为数组是一组相同数据类型的集合，所以还需要为数组中的项目指定一个类型
var arr: array<string> = ['component', 'provider', 'pipe']; 或var arr: string[] = ['component', 'provider', 'pipe'];var arr: array<number> = [1, 2, 3, 4, 5, 6]; 或var arr: number[] = [1, 2, 3, 4, 5, 6];
枚举
枚举是一组可命名数值的集合，
enum man {age, iq, eq}; var man: man = man.age;
任意类型
如果没有为变量指定类型，那它的默认类型就是any，any类型的变量能够接收任意类型的数据
var something: any = 'hello world'; something = 1; something = [1, 2, 3];
"无"类型
void表示不期望那里有类型，通常用作函数的返回值，表示没有任何返回值
function setname(name: string): void { this.name = name; }
void类型也是一种合法的any类型
类
es5中采用的是基于原型的面向对象设计，并不使用类，而是依赖于原型
在es6中可以使用class表示内置的类，如：
class point {}
类可以包含属性、方法以及构造函数
属性
属性定义了类实例对象的数据，如：point类中可以有x、y属性
类中的每个属性都可以包含一个可选的类型，如：
class point { x: number; y: number; }
方法
方法是执行在类对象实例上下文中的函数，在调用对象的方法前，要有这个对象的实例
class point { x: number; y: number; moveto(x: number, y: number) { this.x = x; this.y = y; console.log(this.x, this.y); } }var p: point = new point(); p.x = 1; p.y = 1; p.moveto(10,10);
构造函数
构造函数是当类进行实例化时执行的特殊函数，通常会在构造函数中对新对象进行初始化
构造函数必须命名为constructor，因为构造函数在类被实例化时调用，所以可以有输入参数，但不能有返回值
当类没有显式定义构造函数时，将自动创建一个无参构造函数
class point { }var p = new point(); 等价于class point { constructor() { } }var p = new point();
带参构造函数
class point { x: number; y: number; constructor(x: number, y: number) { this.x = x; this.y = y; } moveto(x: number, y: number) { this.x = x; this.y = y; console.log(this.x, this.y); } } var p: point = new point(1,1); p.moveto(10,10);
继承
面向对象的另一重要特性就是继承，继承表明子类能够从父类得到它的行为，然后可以在这个子类中重写、修改或添加行为
typescript完成支持继承特性，用extends关键字实现
创建父类
class parent { name: string; constructor(name: string){ this.name = name; } say() { console.log('name:' + this.name); } }
子类
class child { age: number; constructor(name: string, age: number) { super(name); this.age = age; } say() { super.say(); console.log(' age:' + this.age); } }var n: child = new child('vist', 25); n.say();
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
canvas怎样做出黑色背景的青色烟花
用fetch进行http请求
以上就是一定要了解的typescript的详细内容。