TypeScript的发展历程 吴名扬 当年的JavaScript AltJS 编译到JavaScript的语言 都可称为AltJS AltJS TypeScript ●JS + 静态类型 ●工具完善 ●贴合语言标准 TS和伙伴们 ●动态类型语法糖： CoffeeScript ●静态类型新语言: BuckleScript ●渐进定型: Flow Type CoffeeScript ●语义语法疏远，上手难* Flow Type ●JS+类型标注 ●工具相对完善 ●上手容易 ●与TS设计相似* 比较 类型系统 难度 工具链 CoffeeScript 动态 低 差 BuckleScript 很强 高 较好 FlowType 强 较低 较好 TypeScript 强 低 很好 TS发展史 ●简单易用,不求完美 ●原汁原味，贴合JS ●从简单到强大 TS发展史 Pre 1 Array { array.sort((x, y) => x.compare(y)) return array } TS 1.4 ●引入联合类型 ●表达力介于Java-Kotlin之间 // express like API // string, regex or array testPath('/path') testPath(/path/) testPath(['path'

10 2.11 2.12 3 3.1 3.2 目录 介绍 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 新增功能 TypeScript 2.4 TypeScript 2.3 TypeScript Welcome!!! 在相关链接的末尾可以找到本手册的Github地址。 目录 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 新增功能 TypeScript 2.4 TypeScript Handbook（中文版） Gulp Knockout.js React与webpack Angular 2 从JavaScript迁移到TypeScript TypeScript Handbook（中文版） 8 快速上手 让我们使用TypeScript来创建一个简单的Web应用。 安装TypeScript 有两种主要的方式来获取TypeScript工具： 通过npm（Node.js包管理器） 安装Visual

目 录 致谢 README Introduction 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 手册 基础类型 变量声明 接口 类 函数 泛型 枚举 类型推论 - 7 - 本文档使用 书栈网 · BookStack.CN 构建 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 手册 基础类型 变量声明 接口 类 函数 字面量类型 泛型 枚举 在相关链接的末尾可以找到本手册的Github 地址。 Introduction 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 手册 基础类型 变量声明 接口 类 函数 泛型 枚举 介绍

MidwayJS Midway Pandora.js Sandbox MidwayJS Midway MidwayJS ⾯面向未来的全栈开发框架 TS ⾯面向过去，接受历史 Review TS ⾯面向现在，解决问题 Solve TS ⾯面向未来，探索未知 Explore Node.js Ready ? TS 来看看数据 Node.js 如今集团总约 1600 个应⽤用 2014 成为中流砥柱 - 核⼼心应⽤用 ⾯面向外部⽤用户 - ⼤大流量量 TS 调⽤用 http 服务，没有调⽤用定义 提供 RPC 接⼝口时，需要写 JSDoc TS Node.js 测试靠⼈人⾁肉 Node.js Import TypeScript TS 我们都知道 TypeScript 的优势 12 3 类型描述 更更多的 Feature ⽀支持 ⾯面向接⼝口编程 TS 个⼈人开发⾯面向类型编码， TypeScript 原⽣生的体验 TS ├── src │ ├── app.ts │ ├── app.js │ ├── app.d.ts │ └── app.js.map 体验不不同 Egg 解决的是 BFF 场景，⽽而淘宝有不不少全栈场景 js/ts ⽬目录混合 TS 体验不不同 Egg 解决的是 BFF 场景，⽽而淘宝有不不少全栈场景 class ⽤用法，⽆无法多继承

check again - we got some file output instead. If we look in our current directory, we'll see a hello.js file next to hello.ts . That's the output from our hello.ts file after tsc compiles or transforms Emitting with Errors One thing you might not have noticed from the last example was that our hello.js file changed again. If we open that file up then we'll see that the contents still basically look option. Try changing your hello.ts file and running tsc with that flag: You'll notice that hello.js never gets updated. Explicit Types Up until now, we haven't told TypeScript what person or date

TypeScript Type System ● TypeScript compiler (tsc) ○ tsconfig.json - configures compilation options for JS ○ Static type checking and code refactoring. ● Types are optional and can be inferred by tsc. ● Iterator TypeScript Interfaces ● Interfaces describe the shape of your JS objects. ● Interfaces disappear during compilation to JS. ● Coercions do not add runtime checks. interface MediaInformation describes a type of variables that we do not know at compile time. ○ Allow integration with 3rd party JS Library ○ Opt-in/out type checking flexibility ● never catches functions that throw error. TypeScript

的特殊之处在于，它不直接编译成字节码，而是编译成JS代码 ● TS 1. TS 源码 => TS AST 2. 类型检查器检查AST 3. TS AST => JS 源码 ● JS 4. JS 源码 => JS AST 5. AST => 字节码 6. 运行时计算字节码 在这个过程中，第1-2 步骤中使用程序的类型，第三步不使用。就是说 TS TS 编译成 JS 时，不会考 类型。 这意味着， # 运行第一个ts 代码 mkdir src touch src/index.ts 在文件中写 conole.log('hello TS') npx tsc 编译成 JS 代码 node ./dist/index.js 运行js 代码 # 安装 ts-node , 编译和运行一步到位 npm i --save-dev ts-node # 快速 创建 TS 项目 脚手架工具 npx typescript-node-starter

languages-that-compile-to-JS • Ruby, Python, Erlang, Java, Scala, C#, F#, Lisp, Scheme, Haskell, Smalltalk, C, C++, Basic, Go, PHP, and way more. Fun names of compile-to-JS tools • treehugger • jangaroo • 345 • Source: https://github.com/jashkenas/coffeescript/wiki/List-of- languages-that-compile-to-JS • Ruby, Python, Erlang, Java, Scala, C#, F#, Lisp, Scheme, Haskell, Smalltalk, C, C++, Basic, Go TypeScript? • Are your apps big? • Do you work on a team? • Unfamiliar codebases? • Non JS developers that need to write JS code? Thanks! @tjvantoll http://bit.ly/DR2017-vantoll

TypeScript是微软推出的JavaScript静态类型版本，它是 JavaScript的超集，可以编译为纯粹的JavaScript TypeScript 到 JavaScript 3 add.ts add.js add.d.ts TypeScript 基础类型 4 TypeScript 高级类型 5 TypeScript 高级类型 6 TypeScript 高级类型 7 TypeScript array+常见基础控制语句 状态：开发中 我目前的研究方向 24 目标：基于静态分析寻找脆弱的Node.js代码 需要做的： 1. 改造TypeScript编译器 2. 搭建TypeScript静态分析框架 3. 设计实现基于静态污点分析的漏洞检测技术 4. 设计实现面向Node.js应用的安全测试框架 Q & A

本项目致力于构建一本开源免费、新手友好的数据结构与算法入门书。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂、学习曲线平滑； ‧ 算法源代码皆可一键运行，支持 Java, C++, Python, Go, JS, TS, C#, Swift, Zig 等语言； ‧ 鼓励读者在章节讨论区互帮互助、共同进步，提问与评论一般能在两日内得到回复； 0.1.1. 读者对象 如果您是「算法初学者」，完全没有接触 Shift + P 呼出命令栏，输入 go ，选择 Go: Install/Update Tools ，全部勾选并安装即 可。 12.1.6. JavaScript 环境 1. 下载并安装 node.js 。 2. 在 VSCode 的插件市场中搜索 javascript ，安装 JavaScript (ES6) code snippets 。 12. 附录 hello‑algo.com 180