让前端飞TypeScript基础

TypeScriptc常用点总结

2019-03-21  本文已影响3人  zhangjingbibibi

TypeScript

TypeScript是基于ES6语法之上构建的一门新的语言,相比较于ES6最大的变化就是增加了强类型,结合ES6新增的对面向对象的扩展,整体编码感觉更接近于编译型语言,比如java。

不会把所有的语法都详尽的罗列出来,主要记录一下,我们在开发过程中经常会用到的一些语法,方便后期回顾和温习。
TypeScript中文手册 语法详尽,可以平时用于查阅。


数据类型

ts提供的基本数据类型主要有以下几种:

声明变量

let const 同es6

interface接口

1.数据类型

接口在TypeScript中代表一种数据类型,通过接口用户可以自己扩展基础类型。在ES6中不存在接口。

interface SqareConfig {
    color: string
    height: numbe
}

function createSqare(config: SqareConfig) {
    // TODO ...
}

let mySqare = createSqare({color: 'red', height: 200})

2.函数类型

接口中的变量除了可以是基础数据类型外,还可以是函数类型

interface searchFn {
    (source: string, substring: string): boolean
}

let mySearch: searchFn

mySearch = function(source: string, substring: string) {
    // ...
    return false
}

接口可以被实现,用法和java类似

class类

在ES6中就有相关 类的语法糖,ts对其进行了一些extend。

TypeScript手册之类的用法

泛型

泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性

泛型主要用户两种场景:
1. 泛型函数
2. 泛型类,泛型类使用(<>)括起来,跟在类名后面

TypeScript手册之泛型的用法

上一篇下一篇

猜你喜欢

热点阅读