本文依然关注的是TypeScript的数据类型，同时给出函数的参数类型以及返回值类型的限定。文中以示例代码为主，以便强化学习的认知和理解效果。

1 数字（number）

像JavaScript一样，数字类型是浮点化的数值，即可以是整数也可以是小数：

let pi: number = 3.14; // base 10 decimal by defaultlet hexadecimal: number = 0xFF; // 255 in decimallet intX = 1234;console.log("pi=",pi,"hexad=",hexadecimal,"integer=",intX);

ECMAScript 2015允许二进制和八进制。例如：

let binary: number = 0b10; // 结果为10进制中的2 let octal: number = 0o755; // 结果为10进制中的493 console.log("binary=",binary,"octal=",octal);

2 字符串（string）

文本化的数据类型，可以是单引号或双引号包围起来的字符序列，还可用模版字符串表示。示例如下：

let singleQuotes: string = 'single';let doubleQuotes: string = "double";let templateString: string = `I am ${ singleQuotes }`; // I am single

3 交集类型

一个交集类型（即聚合多个类型成员）是组合了两个或多个类型成员的类型。代码如下：

interface Knife {    cut();}interface BottleOpener {    openBottle();}interface Screwdriver {    turnScrew();} type SwissArmyKnife = Knife & BottleOpener & Screwdriver; function use(tool: SwissArmyKnife) {    console.log("我啥都能干!");    tool.cut();    tool.openBottle();    tool.turnScrew();}use({    cut:function(){console.log("用刀切割~");},    openBottle:()=>{console.log("开瓶子");},    turnScrew:function(){console.log("螺丝刀拧螺丝。");}}); 

在命令行下用ts-node执行上述代码文件，输出结果如下：

我啥都能干!

用刀切割~

开瓶子

螺丝刀拧螺丝。

4 函数参数类型和返回类型：Number

当你在TypeScript中创建函数时，你可以指定函数参数的数据类型和返回值的数据类型.示例如下：

function sum(x: number, y: number): number {    return x + y;}

这里的语法x: number, y: number表示函数可以接受两个参数x和y，它们只能是数字，而(…):number{表示返回值只能是数字。用法如下：

sum(84 , 76) // 返回 160

注意，你不能按下面方式使用：

function sum(x: string, y: string): number {    return x + y;}

或者

function sum(x: number, y: number): string {    return x + y;}

上面两种方式会给出错误，分别为：

Type 'string' is not assignable to type 'number'

和

Type 'number' is not assignable to type 'string'

换句话说，只能按照参数和返回值的类型进行相应的函数处理。

5 函数参数类型和返回类型：String

这里的函数参数类型指定为string。示例如下：

function hello(name: string): string {    return `Hello ${name}!`;} 

这里的语法name: string表示函数可以接受一个name参数，且该参数只能是字符串，而(…):string{表示返回值只能是字符串。

用法如下：

hello('TypeScript Documentation') // 函数调用将返回 Hello TypeScript Documentation!

以上为针对字符串、数字以及交集类型以及函数参数及其返回值类型的示例介绍。建议在学习的时候，最好代开visual studio code来操作一把，以便更好地理解之。

点个赞，分享出去吧。记得点击右上角的关注，以便随时来@牛旦IT课堂回看或阅读。