TypeScript学习

是什么

TypeScript学习_第1张图片
TypeScript学习_第2张图片

优势

TypeScript学习_第3张图片

搭建开发环境

就是加一个TypeScript的编译器。
在线编译器http://www.typescriptlang.org/play/index.html

TypeScript学习_第4张图片

离线编译器

npm install -g typescript

实际功能就是编译代码

  • tsc xxx.ts
    把.ts 编译成.js
    类似java,把.java编译成.class

新特性

几乎就是ES6的完成版,全部来自es6
https://babeljs.io/learn-es2015/

字符串新特性

  • 多行字符串
    双撇号``声明字符串


TypeScript学习_第5张图片
  • 字符串模板
TypeScript学习_第6张图片
TypeScript学习_第7张图片

-自动拆分字符串

TypeScript学习_第8张图片
TypeScript学习_第9张图片

参数类型新特性

类型声明


TypeScript学习_第10张图片

参数默认值


TypeScript学习_第11张图片

可选参数
TypeScript学习_第12张图片

函数新特性

可变参数

TypeScript学习_第13张图片

generator方法

TypeScript学习_第14张图片

析构表达式

TypeScript学习_第15张图片
TypeScript学习_第16张图片
TypeScript学习_第17张图片
TypeScript学习_第18张图片

lamadba表达式

foreach ,for in ,for of

forEach 不能break

for in 展示的是名字,如果取值要去obj[n]

TypeScript学习_第19张图片
TypeScript学习_第20张图片
TypeScript学习_第21张图片
TypeScript学习_第22张图片

for of 可以被打断,直接取得值

面向对象特性


泛型
接口
模块(类似java的包,这里简化了,import和export)

TypeScript学习_第23张图片
TypeScript学习_第24张图片

注解

TypeScript学习_第25张图片

类型定义文件,使用其他js包,如jquary
引入jquary


TypeScript学习_第26张图片

你可能感兴趣的:(TypeScript学习)