1.指定变量类型
创建ts文件,编写代码:
// 声明一个变量a,同时指定它的类型为number
let a:number;
// a的类型设置为number,在以后的使用过程中a的值只能是数字
a=10;
a='hello';
此时编译器将会出现提示:
若对文件进行编译,同样会报错:
但会正常生成js文件:
2.变量的声明和赋值同时进行
如果变量的声明和赋值是同时进行的,TS可以自动对变量进行类型检测:
let c=false;
c=123;
此时会出现提示:
3.声明函数
function sum(a,b){
return a+b;
}
console.log(sum(123,456)); //579
console.log(sum(123,'456')); //'123456'
JS中的函数是不考虑参数中的类型和个数的,以上代码将会输出579与123456
function sum(a:number,b:number){
return a+b;
}
console.log(sum(123,'456'));
console.log(sum(123,456,789));
TS代码则会出现提示:
除函数形参外,还可对函数返回值类型进行限定,将函数写成如下形式:
function sum(a:number,b:number):number{
return a+b;
}