什么是TypeScript？开发人员为什么要尝试？

JavaScript是一种独特的编程语言。它是为Web开发而构建的，并且与其他编程语言具有不同的规则。

其中最明显的区别之一是JavaScript是动态类型化的，这意味着在创建变量时不必声明类型。诸如C，C＃和Java之类的语言将使您声明变量类型。这些称为静态类型变量。

使用静态类型变量的语言可以提供更高的稳定性并减少代码错误。 TypeScript弥补了JavaScript和传统编程规则之间的鸿沟。

变量类型

变量的 type 是您计划存储的信息

这是一个Java变量，例如：

int myNumber = 10;

此变量是 int ，它是整数的缩写。这使您知道变量 myNumber 计划存储整数。如果尝试在变量中存储其他值（例如字符串），则程序将无法运行。

以下是您可能使用过的其他一些变量类型：

  • int -常规数字
  • 浮点数-十进制数字
  • char-单个字符，例如“ x"或“ a"
  • string-一系列字符，例如“ Hello"和“ This is a string"
  • boolean-真值或假值

    • JavaScript不会要求您声明变量类型。虽然它给您带来更多的自由，但它可能导致一些不良的习惯。这是TypeScript使您的工作更轻松的地方。

    什么是TypeScript？

    TypeScript是Microsoft开发的JavaScript版本，可将变量类型引入代码中。这不是一种崭新的语言；可以将其视为普通JavaScript的包装。它的语法与JavaScript非常相似，因此很容易上手。

    为显示它们的相似之处，下面是JavaScript和TypeScript中的一行代码。

    JavaScript： 

    let myNumber = 10;

    TypeScript：

    let myNumber: number = 10;

    在TypeScript中声明变量时，您要同时声明类型。这是一个很小的变化，影响很大。

    TypeScript是一种编译语言，与浏览器中运行的JavaScript不同。编译的语言可以更快，并且可以使程序更高效。

    尽管没有任何其他软件可以下载； TypeScript文件被编译成可在任何Web应用程序中使用的常规JavaScript文件。 TypeScript文件另存为 .TS 文件。

    如何安装TypeScript

    使用TypeScript入门很容易：

  • 通过Node.js程序包管理器（NPM）
  • 安装TypeScript的Visual Studio插件

    • 使用NPM进行安装很容易，可通过以下命令行进行： 

    > npm install -g typescript

    如果您使用的是Visual Studio 2017或Visual Studio 2015 Update 3，则已经包含TypeScript。如果尚未安装，则可以通过TypeScript网站下载它。

    TypeScript的好处

    JavaScript已经相当不错了，代替使用TypeScript有什么好处？使用TypeScript进行Web开发的原因很多。

    TypeScript允许您将类型分配给代码中的变量。您在开始时就看到了示例，但这对您有什么帮助？

    必须为变量分配类型可以使您成为更好的编码器。它迫使您在计划应用程序时仔细考虑所编写的每个变量。这样做可以防止以后在代码中犯错误，使您的应用易于阅读，并使代码易于测试。

    TypeScript为您提供了很多创建变量的选项。

    let myNumber: number = 10;
    let myString: string = "TypeScript";
    let myBoolean: boolean = true;

    定义数组时，将使用数组中包含的值的类型，后跟方括号。

    let myArray: number [] = [1,2,3];

    当您希望TypeScript允许任何类型的类型时使用此变量类型分配给变量。当您不确定变量会变成什么时，这将为您提供更大的灵活性。

    您可以自由更改这些变量的值。

    let anyType: any = 10;anyType = "Hello"; //No erroranyType = true; //Still no error

    在需要时使用无效类型没有要分配给变量的类型。这对于不返回任何值的函数非常有用。

    function randomMessage(): void { Console.log("This is just a message"); }

    简单地给您一个空值。

    let myNull: null = null; //This is all you can do

    就这么简单，这给您一个未定义的值。

    let myUndefined: undefined = undefined; //This is all you can do

    TypeScript为您提供了一些其他功能和类型，使您可以使用JavaScript进行更多操作。

    元组是一种特殊的数组，可以使用固定数量的元素进行声明。这些元素可以具有不同的类型，但是元组必须按照声明的顺序遵循这些类型。

    let myTuple: [number,string];myTuple = [45, "Hello"];myTuple = ["Hello", 45]; // Error

    枚举类型是一种特殊类型，可将数字值分配给一系列

    enum Color { Red, Green, Blue }

    在此枚举中，红色分配为0，绿色为1，蓝色为2。枚举与JavaScript中的数组一样，索引为零。

    对象类，接口和继承均受支持。 TypeScript。

    JavaScript没有真正的面向对象编程的类系统。 JavaScript使用的原型系统非常相似，但并不完全相同。如果您来自面向对象的背景，那么仅此一项就可以在TypeScript上卖给您。

    您可以使用构造函数创建一个类

    class Student { Name: string; constructor(first,middle,last) { this.Name = first + " " + middle + " " + last; } }let newStudent = new Student("John", "Leonard","Smith");

    您可以创建一个接口并将其用作类型。

    interface Person { personName: string;function sayHello(person: Person) { return "Hello " + person.personName;}

    TypeScript也可以在函数中声明类型。

    function addNum(num1: number, num2: number) { return num1 + num2;}

    您还可以在函数中使用默认参数。当您要在没有参数的情况下运行函数时，如果您想在参数中设置一个值，这些参数将非常有用。

    在网络浏览器中运行JavaScript很容易，因为它很简单。 TypeScript使用编译器将代码转换为JavaScript文件，但这不只是多余的工作吗？

    一点都不！ TypeScript编译器可以帮助您在编写代码时测试代码。在IDE中运行TypeScript文件时，它将随即标记错误。

    在IDE中清除这些错误将清除代码。在您编译为纯JavaScript时，已经检查了代码的类型准确性。可以根据您的编程偏好自定义TypeScript编译器。

    TypeScript是开源的，由Microsoft创建。开源软件有很多好处。开发人员社区正在不断努力消除任何错误或添加新功能。

    TypeScript与Visual Studio和Visual Studio Code一起很好地工作。 Visual Studio Code是使用JavaScript的首选，因此，如果您决定使用它，那么您将处于领先地位。

    如果您正在编码，则Web应用程序框架旨在节省您的时间。由于JavaScript是Web开发脚本的王者，因此使用了许多框架。其中许多框架都很受欢迎。

    TypeScript不会阻止您使用这些非常有用的网络框架。它与React，Angular，Express，Babel，Vue.js，ASP.NET Core和React Native兼容。

    Web开发和JavaScript

    TypeScript被创建为使JavaScript开发人员可以更轻松地进行网络和应用开发。在开始使用TypeScript之前，拥有JavaScript基础以及它的工作原理非常重要。

    想要挑战吗？下载TypeScript并尝试一个常见项目，例如创建JavaScript幻灯片。借助您的知识，很快您将成为Web开发专家！

    标签: JavaScript 编程语言 TypeScript