TS的类型声明

一、定义变量

 我们以前在JS中指定一个变量时不需要指定其类型,可以对他复制任意数据类型的值。

TS的类型声明_第1张图片

如果我们以TS的语法定义变量,则需要定义数据类型

let 变量名 :数据类型;

这时我们以JS语法实现的代码就会报错 

TS的类型声明_第2张图片

二、定义变量并进行赋值 

 

三、直接对变量进行赋值 

如果变量的声明和赋值是同时进行的,则TS可以自动对变量进行类型检测

TS的类型声明_第3张图片

四、函数参数定义数据类型

JS中的函数不需要考虑其参数的类型和数量

TS的类型声明_第4张图片

我们给参数加上number的数字类型,当传入字符串的时候就会报错

function 函数名 ( [参数1 : 数据类型 , 参数2 : 数据类型] ) { ... }

TS的类型声明_第5张图片

TS的类型声明_第6张图片 五、函数返回值定义数据类型

 function 函数名 ( [参数1 : 数据类型 , 参数2 : 数据类型] ) : 返回值数据类型 { ... }

TS的类型声明_第7张图片 

这里接受函数的返回类型也是number类型

TS的类型声明_第8张图片 

 如果我们将函数的返回值改为一个string类型的值,也会报错

TS的类型声明_第9张图片

你可能感兴趣的:(TypeScript,typescript,javascript,npm)