TypeScript 基础 - 03 (函数、函数重载)

TS可以指定参数类型,则内部使用时,有代码提示

function 函数名(参数:参数类型):返回值类型{ }         

//TS可以指定参数类型,则内部使用时,有代码提示
//function 函数名(参数:参数类型):返回值类型{}
function show(name: string): string {
  return name.toUpperCase();
  // return 22  返回值类型错误,报错
}
let res = show("mike");

函数的重载:根据参数数量不同/类型不同,执行不同的任务

TS语言可以规定重载函数的具体参数信息

void:代表方法体没有返回值

function pay(): void;
function pay(money: number): void;
function pay(code: string, pwd: string): void;

//pay():默认刷脸支付
//pay(1000):数字,代表现金支付
//pay(扫码,密码):扫码支付

function pay(...args) {
  //arguments:旧写法
  //...:新写法,剩余参数
  if (args.length == 0) {
    console.log("刷脸支付");
  }
  if (args.length == 1) {
    console.log("现金支付");
  }
  if (args.length == 2) {
    console.log("扫码支付");
  }
}

//使用时:
pay();
pay(1000); //数字类型 - 代表参数
// pay(true); //此写法参数明显错误,但是js语言不会报错
pay("扫码", "密码");
// pay(11, 22, 33, 44); //重载没有针对4参数的代码,js不会报错

你可能感兴趣的:(typescript,javascript,前端)