如何从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?的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

Html的特殊字符-css3 content:"特殊符号"应该如何使用

win怎样升级react native 和node.js

Html5和css3制作一个模态框实例

Html5实现如何在两个div元素之间拖放图像

javascript语法是什么

vue是做什么的

ajax和javascript的区别是什么

字符编码是什么?Html5如何设置字符编码?

怎样使用js获取函数参数名称

Html title标签怎么用

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




打赏

取消

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

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

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

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

评论

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