typescript学习

TypeScript

一、认识TypeScript

TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。

总结:TS是对js的优化和升级,弥补一些js语法设计上的缺陷,让Js在工具下的帮助下转化为某种“强”类型的语言,方便开发人员的书写,重构。

特性:参考

  • TS也还是JS 。TS从JS开始,从JS结束。TS采用JS的基础结构,因此你只需要知道JS就能去用TS了。所有TS代码为了能够跑起来都会转成JS等效代码。
  • TS支持其它JS库 。 可以从任何JS代码里运行编译后的TS。由TS生成的JS代码能够使用所有已有的JS类库,工具和库。
  • JS是TS 。 这个意思是任何有效的.js文件都能够重命名成.ts文件,并且和其他TS文件一起编译。
  • TS是可移植的 。TS能够运行在任何JS可以运行的地方(跨浏览器,设备,操作系统)。

二、为什么使用TypeScript

参考

  • 增加了代码的可读性和可维护性
    1. 类型系统实际上是最好的文档,大部分的函数看看类型的定义就可以知道如何使用了
    2. JS是一门解释型语言。因此,需要跑起来后来测试它的正确性。TS可以在编译阶段就发现大部分错误,这有助于在脚本运行前就暴露错误。
    3. 增强了编辑器和 IDE 的功能,包括代码补全、接口提示、跳转到定义、重构等。主流的编辑器都支持 TypeScript。Visual Studio Code效果更佳,它是内置了 TypeScript支持,另外它本身也是用TypeScript 编写的。
    4. TS支持面向对象编程概念,比如类,接口,继承,封装等
  • 包容性
    1. TypeScript 是 JavaScript 的超集,.js 文件可以直接重命名为 .ts 即可
    2. 强静态类型。即使不显式的定义类型,也能够自动做出类型推论(TS通过TLS(TypeScript Language Service)提供可选的静态类型和类型推断系统。TLS能够推断出无类型变量的类型。)
    3. 兼容第三方库,即使第三方库不是用 TypeScript 写的,也可以编写单独的类型文件供 TypeScript 读取(描述文件(.d.ts文件),作用是从js中抽象出组件描述。)。
    4. 即使 TypeScript 编译报错,也可以生成 JavaScript 文件

三、安装

  1. TypeScript 的命令行工具安装方法
    npm install -g typescript
  2. 编译一个 TypeScript
    tsc hello.ts

四、概念巩固

  • 类(class),定义事物的抽象特性(属性和方法);
  • 抽象类(Abstract class),可以让其他类继承的基类(不允许实例化),抽象方法必须在子类中实现;
  • 接口(interface):不同类公有属性或方法,可抽象成一个接口,接口可以被类实现(implements)。类的继承只能是一个,但可以被实现多次;
  • 存取器(setter and getter):属性的赋值与读取;
  • 修饰符(modifiers):是一些关键字,限定成员或类型的性质(public、protect、private),Typescript 支持;
  • 对象(object),类的实例,通过 new 生成实现;
  • 面向对象(OOP)特性:封装、继承和多态;
  • 封装(encapsulation):将对数据属性的处理细节隐藏起来,对外只暴露接口。外部调用不需要知道细节,就能访问该对象,这也保证了外部无法改变内部数据属性;
  • 继承(inheritance):子类继承父类,子类拥有父类所有特性,还可以有自己具体的特性;
  • 多态(polymorphism):由继承产生不同的类,对同一方法有不同的响应;
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容

  • 简介 TypeScript 是 JavaScript 的一个超集,主要提供了 类型系统 和对 ES6 的支持,由 ...
    MrWelson阅读 15,874评论 3 21
  • 与JS类似部分,本文不做说明(运算符、条件语句、循环语句、函数、基本类型等) 前言 TypeScript的设计目的...
    前端菜篮子阅读 399评论 0 2
  • 基础类型 布尔 let is:boolean = false 数字 let n:number = 6 let n:...
    泡沫的快乐阅读 1,274评论 0 0
  • typescript现在已经慢慢变成前端工程师必学必会的技能了,它在开发大型应用的时候可以让产品更加可控,本篇就试...
    大喵爱读书阅读 4,288评论 0 5
  • 重点: 解构与指示类型有时很像 关于类的部分 有些时候会有语法错误,比如不能这样或那样调用。这其实都是ts的语法要...
    苦苦修行阅读 280评论 0 0