TypeScript入门指南：从零到精通
需积分: 27 59 浏览量
更新于2024-07-09
收藏 6.6MB PDF 举报
TypeScript手册是一份详尽的文档，旨在帮助读者理解和掌握TypeScript这门静态类型的JavaScript超集。它覆盖了从入门到进阶的所有关键知识点，包括但不限于：
1. **快速上手**：通过5分钟的介绍，让新手对TypeScript的基本概念有初步了解，如它是如何增强JavaScript的功能，以及在不同框架中的应用，如ASP.NETCore和ASP.NET4。
2. **基础类型**：文档详细解释了基础类型，如变量声明、接口、类、函数、泛型和枚举，这些都是TypeScript语言的核心组成部分，有助于编写更严谨的代码。
3. **类型推论和兼容性**：讲解了TypeScript如何自动推断变量类型和处理类型兼容性，减少类型错误。
4. **高级特性**：涉及Symbols、Iterators和Generators等高级概念，以及模块、命名空间和模块解析，这些都是构建大型项目时的重要组织原则。
5. **声明文件(.d.ts)**：学习如何编写声明文件来对外部库提供类型支持，确保与其他JavaScript代码的无缝集成。
6. **JSX** 和 **Decorators**：TypeScript允许使用JSX语法编写React组件，并介绍了装饰器，这是面向对象编程的一种扩展。
7. **工程配置**：指导用户配置tsconfig.json文件，管理编译选项，与NPM包的类型管理和与MSBuild、Webpack等构建工具的整合。
8. **错误处理和编辑器支持**：讨论了常见编译错误和推荐使用的TypeScript支持编辑器，如Visual Studio Code。
9. **版本更新和开发路线图**：展示了TypeScript从1.1版本到最新2.7版本的发展历程，以及每个版本的新增功能和可能的Breaking Changes，帮助开发者追踪技术演进。
10. **结合特定框架**：特别提到了如何在ASP.NETv5环境中使用TypeScript，以及编码规范和最佳实践。
11. **文档构建**：最后提到文档使用BookStack.CN构建，表明文档的可维护性和社区协作性。
TypeScript手册是一本全面且实用的指南，无论你是初学者还是经验丰富的开发者，都能从中找到适合自己的学习路径和参考资料。
10. lastName:string;
11. }
12.
13. functiongreeter(person:Person){
14. return"Hello,"+person.firstName+""+person.lastName;
15. }
16.
17. letuser=newStudent("Jane","M.","User");
18.
19. document.body.innerHTML=greeter(user);
重新运行 tscgreeter.ts ，你会看到生成的JavaScript代码和原先的一样。
TypeScript里的类只是JavaScript里常用的基于原型面向对象编程的简写。
在 greeter.html 里输入如下内容：
1. <!DOCTYPEhtml>
2. <html>
3. <head><title>TypeScriptGreeter</title></head>
4. <body>
5. <scriptsrc="greeter.js"></script>
6. </body>
7. </html>
在浏览器里打开 greeter.html 运行这个应用！
可选地：在VisualStudio里打开 greeter.ts 或者把代码复制到TypeScriptplayground。
将鼠标悬停在标识符上查看它们的类型。
注意在某些情况下它们的类型可以被自动地推断出来。
重新输入一下最后一行代码，看一下自动补全列表和参数列表，它们会根据DOM元素类型而变化。
将光标放在 greeter 函数上，点击F12可以跟踪到它的定义。
还有一点，你可以右键点击标识，使用重构功能来重命名。
这些类型信息以及工具可以很好的和JavaScript一起工作。
更多的TypeScript功能演示，请查看本网站的示例部分。
运行TypeScriptWeb应用
5分钟了解TypeScript
-16-本文档使用书栈(BookStack.CN)构建
剩余517页未读，继续阅读
2021-08-19 上传
2021-03-20 上传
2021-06-02 上传
2019-11-24 上传
2021-08-14 上传
2017-11-28 上传
2019-05-18 上传
2019-09-27 上传
2020-04-14 上传
