ts

140 阅读2分钟

参考文档:
www.tslang.cn/
ts.xcatliu.com/
www.runoob.com/typescript/…
www.runoob.com/w3cnote/get…
ts-1
ts官网
教程

  1. 什么是ts? ts 全称是 TypeScript
    TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准,完全兼容 JavaScript。
    TypeScript 是 添加了类型系统的 JavaScript,适用于任何规模的项目
    TypeScript 由微软开发的自由和开源的编程语言。
    TypeScript 可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
    即:TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。

  2. JavaScript 与 TypeScript 的区别?
    TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。
    JavaScript 是静态类型语言, TypeScript是动态类型语言, 它们都是弱类型的, 请见附件: 类型扩展.txt

  3. TS在JS基础上扩充的语法有哪些? 类型注解
    类型推断
    类型断言
    接口(难)
    元组
    联合类型
    泛型(难)
    枚举
    命名空间
    声明文件

  4. 如何在浏览器或node中运行ts? ts语法一般写在以.ts结尾的文件中, 不能直接在浏览器或node环境中运行, 需要借助tsc编译器 typescript模块包提供一个编译器tsc(typescript complier),编译器主要是把ts语法转换纯js语法。 浏览器或node运行ts能成功有个前提: ts文件中是原来的旧的js语法。没有使用ts的新语法 每次修改 ts文件 对应的 js文件是不会自动更新的 需要每次改完ts都进行重写编译 全局安装:
    cnpm|npm install -g typescript || yarn add -g typescript
    检查是否安装成功:
    tsc --version
    编译命令:
    tsc xxx.ts 会在当前源码所在文件夹中生成同名的js文件
    tsc xxx.ts --outFile newfile.js 指定文件名
    tsc xxx.ts --outDir libs 指定目录
    tsc 直接编译, 须结合tsconfig.json配置文件使用

编译命令帮助文档:www.tslang.cn/docs/handbo…

  1. vscode 插件
    TypeScript Hero
    TypeScript Importer
    TSLint