五、TypeScript参数新特性

最新推荐文章于 2025-07-28 00:58:16 发布

大话JAVA的那些事

最新推荐文章于 2025-07-28 00:58:16 发布

阅读量320

点赞数

CC 4.0 BY-SA版权

分类专栏： Angular 文章标签：参数新特性

本文链接：https://blog.youkuaiyun.com/newbie_907486852/article/details/83088900

Angular 专栏收录该内容

11 篇文章

订阅专栏

本文深入探讨了TypeScript中参数类型的声明方式，包括基本类型如字符串、任意类型、布尔值，以及如何通过class自定义类型。同时，文章详细讲解了默认参数和可选参数的使用方法，帮助开发者更灵活地设计函数接口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、参数类型

在参数名称后面使用冒号来声明参数类型

var myname: string = "yang pang zi";

var alias: any = "xixi";

var man: boolean = true;



//声明函数返回值为空（没有返回值）
//声明name参数为string
function test(name:string): void{
    
}



//通过class声明自定义类型
class person{
	name:string;
	age:number;
}

var pangzi:person=new person();
pangzi.name="yang";
pangzi.age=18;

2、默认参数

//参数设定默认值
var myname: string = "yang pang zi";

//方法设置默认值，带默认值的参数只能在最后面
function test(a:string,b:string,c:string="pangzi") {
    console.log(a);
    console.log(b);
    console.log(c);
}

//调用,当第三个参数没有穿值，会使用默认值
test("aaa", "bbb", "ccc");
test("aaa","bbb",);

3、可选参数

在参数声明后面使用问号？来声明参数为可选参数
不能声明在必选参数的前面

//参数设定默认值
var myname: string = "yang pang zi";

//方法设置默认值
function test(a:string,b?:string,c:string="pangzi") {
    console.log(a);
    console.log(b);
    console.log(c);
}

//调用
test("aaa", "bbb", "ccc");
test("aaa", "bbb");
//b参数是可选参数，可以不传
test("aaa");