TypeScript是什么，为什么要使用它？

• 什么是TypeScript？
• 什么是类型，它们在TypeScript中如何工作？
• JavaScript与TypeScript：选择哪一个？
• 如何开始使用TypeScript
• 有关学习TypeScript的更多资源

什么是TypeScript？

简而言之，TypeScript是JavaScript的超集，具有可选的类型并可以编译为纯JavaScript。从技术上讲TypeScript就是具有静态类型的 JavaScript 。

那么，向JavaScript添加静态类型的原因是什么？

我想原因至少有三个：

• 您可以避免经典的错误 'undefined' is not a function.
• 在不严重破坏代码的情况下，重构代码更容易。
• 使大型、复杂的应用程序源码更易阅读。

实际上，一项研究表明，TypeScript可以检测到所有JavaScript错误的15％。

动态类型的自由特性经常会导致错误，这些错误不仅会降低程序员的工作效率，而且还会由于增加新代码行的成本增加而使开发陷入停顿。

因此，JavaScript无法合并类型以及编译时缺乏错误检查，使它不适合作为企业和大型代码库中服务器端代码。

 TypeScript的类型

TypeScript具有多种基本类型，例如Boolean，Number，String，Array，Tuple等

 any和unknown

虽然any作为类型可以涵盖您想要的任何内容，但unknown是其类型安全的对应对象。

每当你想要转义类型时，any都允许你将任何JavaScript变量赋给它。它经常用于对尚未检查且类型未知的传入变量时。

Void

void在没有返回值时使用，例如，用作不返回任何值的函数的返回类型。

Never

Never 类型表示的是那些永不存在的值的类型，例如将引发异常的函数。

typescript中的接口 

接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法。

TypeScript 接口定义如下：

interface IPerson { 
    firstName:string, 
    lastName:string, 
    sayHi: ()=>string 
} 
 
var customer:IPerson = { 
    firstName:"Tom",
    lastName:"Hanks", 
    sayHi: ():string =>{return "Hi there"} 
} 
 
console.log("Customer 对象 ") 
console.log(customer.firstName) 
console.log(customer.lastName) 
console.log(customer.sayHi())  
 
var employee:IPerson = { 
    firstName:"Jim",
    lastName:"Blakes", 
    sayHi: ():string =>{return "Hello!!!"} 
} 
 
console.log("Employee  对象 ") 
console.log(employee.firstName) 
console.log(employee.lastName)

 我们知道数组中元素的数据类型都一般是相同的（any[] 类型的数组可以不同），如果存储的元素数据类型不同，则需要使用元组。

元组中允许存储不同类型的元素，元组可以作为参数传递给函数。

创建元组的语法格式如下：

var tuple_name = [value1,value2,value3,…value n]

 实例

声明一个元组并初始化： var mytuple = [10,"Runoob"];

或者我们可以先声明一个空元组，然后再初始化：

var mytuple = [];

mytuple[0] = 120

mytuple[1] = 234

TypeScript 联合类型

联合类型（Union Types）可以通过管道(|)将变量设置多种类型，赋值时可以根据设置的类型来赋值。

注意：只能赋值指定的类型，如果赋值其它类型就会报错。

创建联合类型的语法格式如下：

var val:string|number 
val = 12 
console.log("数字为 "+ val) 
val = "Runoob" 
console.log("字符串为 " + val)

TypeScript 函数

函数是一组一起执行一个任务的语句。

您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的，但在逻辑上，划分通常是根据每个函数执行一个特定的任务来进行的。

函数声明告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。

 函数定义

函数就是包裹在花括号中的代码块，前面使用了关键词 function：

语法格式如下所示：

function () {   
    // 函数定义
    console.log("调用函数") 
}