小窥TypeScript:参数新特性

1、参数数据类型：

在参数名称后面使用冒号:来指定参数的类型

var str1: string = "hahahaha";

如果将该变量赋上一个数字的值，编辑器会报错。

str1 = 13;

还有各种定义的方法：

var str1: string = "hahahaha";
//字符串类型
var int1: number = 99;
//数字类型
var bool1: boolean = true;
//布尔类型
var str3: any = "xixixixi";
//万能类型（什么类型都能接受）

另外方法的返回值也能指定数据类型：

function func1() : void {
    //void的方法不会返回值
}
function func2() :string {
    return "string!";
    //只能返回一个字符串类型的值。
}
function func3() :number {
    return "string!";
    //因为返回值设定的是数字类型，如果返回的是字符串会报错报错。
}

还能指定方法参数的数据类型：

function func4(str:string): string{
    return str;
}

设定了方法参数的数据类型后，那么调用这个方法的时候，只能给出相应类型的参数，否则会报错。

自定义类型：

class Person {
    name: string;
    age: number;
}

当调用的时候，会自动跟出自定义类型的参数。

var p: Person = new Person();
p.name = "yoyo";
p.age = 20;

2、默认参数

在参数声明后面用等号来制定参数的默认值。

function func1(a, b, c: string = "cccc") {
    console.log(a);
    console.log(b);
    console.log(c);
}
func1("aaaa", "bbbb");

运行后，控制台会输出：

aaaa
bbbb
cccc

指定默认值的参数，只能放必填参数后面。

3、可选参数

在参数名后面跟上一个?号，则该参数为可选参数，可填可不填。

function func1(a, b?,c: string = "cccc") {
    console.log(a);
    console.log(b);
    console.log(c);
}
func1("aaaa");

运行后，控制台会输出：

aaaa
undefined
cccc

可选参数只能放在必填参数的后面。