当前第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];
|
* 假如包含了计算成员,则会在编译阶段报错:
* 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》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何从JavaScript到TypeScript?