TypeScript 学习笔记

简介: TypeScript 学习笔记

1. 安装和配置


  - 安装 Node.js 和 npm(Node.js 包管理器)。


  - 使用 npm 全局安装 TypeScript:`npm install -g typescript`。


  - 初始化一个新的 TypeScript 项目:`tsc --init`。



2. 基本语法


  - TypeScript 文件以 `.ts` 结尾,而 JavaScript 文件以 `.js` 结尾。


  - TypeScript 支持 JavaScript 的所有基本语法,如变量、函数、类等。


  - TypeScript 添加了类型注解,例如 `let num: number = 42;`。



3. 类型系统


  - TypeScript 支持基本类型(如 `string`、`number`、`boolean` 等)和复杂类型(如 `array`、`tuple`、`enum`、`any`、`unknown` 等)。


  - 可以使用类型推断,让 TypeScript 自动推断变量的类型。


  - 可以使用类型断言,告诉 TypeScript 一个值的确切类型。



4. 接口和类


  - 使用接口(`interface`)定义对象的形状,例如 `interface Person { name: string; age: number; }`。


  - 使用类(`class`)定义对象的实例,例如 `class Student { name: string; age: number; constructor(name: string, age: number) { ... } }`。



5. 模块和导入


  - 使用 `export` 关键字导出模块,例如 `export function sayHello(name: string): string { return `Hello, ${name}!`; }`。


  - 使用 `import` 关键字导入模块,例如 `import { sayHello } from './greetings.ts';`。



6. 泛型


  - 使用泛型(`<T>`)编写可重用的代码,例如 `function identity<T>(arg: T): T { return arg; }`。



7. 编译和运行


  - 使用 `tsc` 命令编译 TypeScript 文件:`tsc your-file.ts`。


  - 使用 `node` 命令运行生成的 JavaScript 文件:`node your-file.js`。



8. 调试和错误处理


  - 使用 `--watch` 选项在 TypeScript 编译器中启用监视模式:`tsc --watch`。


  - 阅读和理解编译错误和警告信息,根据提示修复代码。




相关文章
|
10月前
|
JavaScript
TypeScript 学习笔记2
TypeScript 学习笔记2
49 0
|
10月前
|
资源调度 JavaScript 前端开发
TypeScript 学习笔记1
TypeScript 学习笔记
56 0
|
11月前
|
JavaScript C++ Windows
TypeScript学习笔记
TypeScript学习笔记
|
前端开发 JavaScript
Vue3+TypeScript学习笔记(三十五)
本节记录Web Component相关知识内容
56 0
|
缓存 JavaScript
Vue3+TypeScript学习笔记(三十四)
本节记录Vue3相关高级性能优化技巧
96 0
|
JavaScript 前端开发
Vue3+TypeScript学习笔记(三十三)
本节记录函数式编程——h函数相关内容
70 0
|
前端开发
Vue3+TypeScript学习笔记(三十二)
本节记录unoCss原子化相关操作
101 0
|
前端开发
Vue3+TypeScript学习笔记(三十一)
本节记录nextTick的使用及其原因
71 0
|
JavaScript 前端开发 编译器
typescript学习笔记(下)
typescript学习笔记
64 0
|
JavaScript 前端开发 索引
typescript学习笔记(上)
typescript学习笔记
70 0