Typescript参数

TypeScript 参数详解
本文介绍了 TypeScript 中参数的基本概念,包括参数类型的定义方式及其常见类型,如 string、number 等。此外,还详细讲解了函数参数中的可选参数及默认值设置的方法。
Typescript参数:
1.参数类型:

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

   常见的类型:string、number、any、boolean;

var myname:string = "zhangming";
var alias: any = "xixi";
var age: number = 13;
var man: boolean = true;
2.函数参数的可选参数

function test(a: string, b: string, c: string) {
    console.log(a);
    console.log(b);
    console.log(c);
}
test("a", "b");//此处会报错,因为参数个数不够
test("a","b","c");
function test(a: string, b?: string, c: string="jojo") {
    console.log(a);
    console.log(b);
    console.log(c);
}
function test1(a?: string, b: string, c: string="jojo") {
//仍会报错,可选参数不能在必选参数前面
}

test("xx");//可以顺利调用
     注:第二段代码不会报错是因为b是一个可选参数(加了问号,所以可以不用传值,相当于未定义的一个数)

TypeScript 是一种静态类型的编程语言,在定义函数或其他变量时可以显式地指定参数的类型。通过这种方式,TypeScript 能够在编写代码的过程中提供更强的类型检查功能,并帮助开发者避免许多潜在错误。 ### 参数定义类型值的区别 #### 1. **基本数据类型** - 基本的数据类型包括 `number`、`string`、`boolean` 等等。当你需要限制某个参数只能接收特定的基本类型值时,你可以直接指定这些类型。 ```typescript function greet(name: string): void { console.log("Hello, " + name); } ``` #### 2. **数组类型** - 数组类型可以用两种形式表示:`ArrayType[]` 或者 `Array<ArrayType>`。例如如果想要传入字符串数组作为参数,则可以这样声明: ```typescript function printNames(names: string[]): void { for (let i = 0; i < names.length; i++) { console.log('Name:', names[i]); } } ``` #### 3. **联合类型(Union Types)** - 如果你想让参数接受多种不同类型之一,那么可以使用联合类型 (`|`) 来表达这种可能性。 ```typescript function formatInput(input: number | string) : string{ return input.toString(); } ``` #### 4. **接口(Interfaces)** 和 类型别名(Type Aliases) - 接口和类型别名允许我们创建复杂的自定义类型结构,用于更精确描述复杂对象形状。 ```typescript interface User { id: number; username:string; } type ContactInfo ={ phone?:string, email:string }; // 函数中应用 function updateUser(user:User &ContactInfo ):void {} ``` #### 5. **可选参数(Optional Parameters)** - 使用 `?` 可将某些参数设为非必需项。 ```typescript function createProfile(username:string , age?:number ){ if(age){ console.log(`Username:${username}, Age${age}`); }else{ console.log(`Username ${username}`); } } ``` #### 6. **剩余参数(Rest Parameters)** - 当不确定会传递多少个同种类型的参数给某方法的时候,可以采用“...”操作符收集所有额外提供的实参到一个数组里去处理它们。 ```typescript function sum(...numbers:number[]) { let total=0 ; numbers.forEach(num=>total+=num ); return total ; } ``` #### 7. **默认参数(Default Parameter Values)** - 我们也可以设置默认值,若未明确传值则自动赋予该预设数值。 ```typescript function multiply(a:number,b:number=2){return a*b;} ``` --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值