如何从JavaScript到TypeScript?


当前第2页 返回上一页

### 还有一种常量枚举

1

2

3

4

5

6

7

8

const enum Directions {

Up,

Down,

Left,

Right

}

let directions = [Directions.Up, Directions.Down, Directions.Left, Directions.Right];

// 结果是 0 1 2 3

* 假如包含了计算成员,则会在编译阶段报错:
* const enum Color {Red, Green, Blue = "blue".length};
* 常数枚举与普通枚举的区别是,它会在编译阶段被删除,并且不能包含计算成员。 一试便知

类和接口 (最重要的之一)

* 一个类一次只可以继承一个接口,但是可以一次对应多个接口
* 要想实现多个类继承,那么使用子类继续继承其他类,循环下去

1

2

3

4

5

6

interface check {

name: string;

age: number;

hobby: Array<number>

fuck: number[]   //这两种写法是一样的

}

1

2

3

4

5

6

7

8

9

10

11

12

13

class exp implements check {

name: string

age: number

hobby:Array<number>

fuck: number[]

constructor(name, age, hobby, fuck) {

    this.name = name;

    this.age = age;

    this.hobby = hobby;

    this.fuck = fuck;

}

}

let app = new exp('hello', 18, [1, 2, 3], [2, 3, 4])

-------经过TS编译后得到

1

2

3

4

5

6

7

8

9

10

var exp = /* @class / (function () {

function exp(name, age, hobby, fuck) {

    this.name = name;

    this.age = age;

    this.hobby = hobby;

    this.fuck = fuck;

}

return exp;

}());

var app = new exp('hello', 18, [1, 2, 3], [2, 3, 4]);

typeScript可能最难的就是如何理解优雅的面向对象编程,接口interface只是为了描述而已,

真正去实现,需要class类去实现,ES6在typeScript中位置举足轻重,

所以我建议你先去学习原生javaScript+ES6再来学习typeScript,那样会轻松很多,

本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的JavaScript教程视频栏目!

以上就是如何从JavaScript到TypeScript?的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

javascript字符串大小写怎么转换

关于Html5 canvas的事件处理

Html怎么加载css

Html5 canvas基本绘图之绘制阴影效果

Html5联合canvas实现图片压缩

了解一下node.js中的文件夹写入

Html失效按钮怎么实现

h5里的postmessage api图文详解 详细介绍

node.js爬取豆瓣数据实例

Html的元素怎么设置焦点

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...