初识-TS

一：什么是TS

        TypeScript（简称 TS）是一种由微软开发的开源编程语言，它是 JavaScript 的一个超集。它扩展了 JavaScript，并添加了静态类型检查和新的语言特性，以提供更强大、更可靠和更易于维护的开发体验。

        TypeScript 主要的目标是解决 JavaScript 在大型项目中的一些问题，例如类型错误、难以维护的代码、缺乏工具支持等。通过引入静态类型检查，TypeScript 可以在编译时捕获一些常见的错误，提供更好的代码智能提示和自动补全，并改善代码重构和调试的体验。

        TypeScript 提供了类、接口、泛型、命名空间等额外的语言特性，使得开发人员可以更好地组织和抽象代码，提高代码的可读性和可维护性。同时，它仍然兼容 JavaScript，可以直接使用现有的 JavaScript 代码和库，无需额外的转换。

        TypeScript 的源代码可以通过编译器（tsc）将其转换为 JavaScript，这意味着 TypeScript 可以在任何支持 JavaScript 运行环境中运行。

总而言之，TypeScript 是 JavaScript 的超集，通过引入静态类型检查和新的语言特性，提供了更好的开发体验和代码质量，适用于大型项目和需要更强类型约束的场景。

二：TS的好处

        更严格的类型检查：TypeScript 强制要求变量、函数和对象的类型必须定义清楚，可以在编码阶段捕捉一些潜在的错误，提高代码可靠性。        
        更好的代码提示：TypeScript 可以在编辑器中提供更好的代码提示和补全，减少编码错误。
更好的可读性和可维护性：由于 TypeScript 的强类型特性和更严格的语法规范，代码可读性和可维护性得到了提高。
        另外，TypeScript 还支持 ES6+ 的语法，并且可以与现有的 JavaScript 应用程序和库一起使用，因此是一个非常强大的编程语言。

三：TS的具体运用

        下面只是对TS在项目中的部分运用后续会提供TS的相关学习知识。下面我们针对在vue中经常使用的路由进行了参数的定义。这也是利用TS来经常使用的途径，通过我们所定义的类型来约束对应的类型参数。下面是我们所定义的3个接口，一个是路由的接口，一个是路由中meta的接口，一个是导航栏的接口。然后我们在定义路由的时候引入这个接口。当我们所定义的路由参数中没包含如下参数是，TS就会提醒我们该参数的类型，这样便于后期进行维护以及代码更新。

当

当我们鼠标移入后就会显示我们所定义的类型，以及告诉我们所缺少的类型。这样就能在我们进行多人开发的过程中。对对象或者接口返回的值进行约束。更有利于我们对项目的维护。降低了维护的成本 

 

四：总结 

        虽然说TS是JS的超集，但是其本质都是JS代码，我们写的TS代码通过编译后都会转化为JS代码。且TS中引入了较为复杂的东西，例如变量是否可读等，会增大我们学习的成本，但是还是尽量多的使用TS来完成。因为TS毕竟相比于JS来说，提供了更多有利于程序员发现错误的功能。且更有利于后续对项目本身的维护。