JavaScript是一种独特的编程语言。它是为Web开发而构建的,并且与其他编程语言具有不同的规则。
其中最明显的区别之一是JavaScript是动态类型化的,这意味着在创建变量时不必声明类型。诸如C,C#和Java之类的语言将使您声明变量类型。这些称为静态类型变量。
使用静态类型变量的语言可以提供更高的稳定性并减少代码错误。 TypeScript弥补了JavaScript和传统编程规则之间的鸿沟。
变量类型
变量的 type 是您计划存储的信息
这是一个Java变量,例如:
int myNumber = 10;
此变量是 int ,它是整数的缩写。这使您知道变量 myNumber 计划存储整数。如果尝试在变量中存储其他值(例如字符串),则程序将无法运行。
以下是您可能使用过的其他一些变量类型:
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入门很容易:
使用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