typescript简单介绍

我在react-native开发过程中对第三方library进行调试的时候,会经常见到这样的js语法(黑人问号脸???),于是便去一探究竟?。

654505.jpg

这便是TypeScript,它是JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,由 Microsoft 开发。它其实就是用更丰富的语法简便或优化了JavaScript里一些比较复杂、非人性化的代码编写过程。简单介绍一下它的基础语法。

函数声明

function test(a:string,b:string,c:string = 'ccc'){
  ...
}

参数类型:在声明函数时,参数:数据类型。

参数默认值:在声明函数时,可以用=对参数声明默认值,这样在调用时若缺失此参数也不会报错,而是会按默认值进行调用。

声明可选参数:在声明函数时,可以在参数后用?表示此参数可选。

泛型

TypeScript中,可以用尖括号<>对集合中元素的类型加以限制。

var arr: Array<String> = [];

声明的arr数组里只能放入String类型的元素

接口

typescript中用interface关键字来定义接口,开发者在创建应用此接口的类或方法时必须要遵守接口中的代码规则,其有两种典型的使用方式,并且语法与声明类十分相似。

1.对类的属性进行约束

654508.jpg

2.对方法进行约束。

对方法进行约束需要用到implements关键词,它规定被约束的方法内必须实现接口中的函数

654507.jpg

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容