typescrip函数

最新推荐文章于 2025-10-07 17:39:40 发布

原创最新推荐文章于 2025-10-07 17:39:40 发布 · 224 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#typescript

typescript 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了JavaScript函数的使用，包括基本函数定义、调用、返回值、参数处理（可选参数、默认参数、剩余参数）以及匿名函数的运用。通过实例展示了如何创建和操作函数，强调了函数在程序设计中的重要性。

function people(name: string, age: number): void {
  console.log(name, age);
}
people('双帅', 15)

//调用函数

function callFn() { }
callFn()//函数调用

//函数的返回值

function fnreturn() { return 12345 }
callFn()//函数的返回12345

//带参数的函数

function paramfn(x: number, y: number): number {
  return x + y
}
paramfn(1, 2) //返回 结果3

//可选参数

function buildName(firstName: string, lastName?: string) {
  if (lastName)
    return firstName + " " + lastName;
  else
    return firstName;
}

let result1 = buildName("Bob");  // 正确
//let result2 = buildName("Bob", "Adams", "Sr");  // 错误，参数太多了
let result3 = buildName("Bob", "Adams");  // 正确

//默认参数

function calculate_discount(price: number, rate: number = 0.50) {
  var discount = price * rate;
  console.log("计算结果: ", discount);
}
calculate_discount(1000) //500
calculate_discount(1000, 0.30) //300

//剩余参数
/**

剩余参数语法允许我们将一个不确定数量的参数作为一个数组传入。
函数的最后一个命名参数 restOfNum 以 … 为前缀，它将成为一个由剩余参数组成的数组，索引值从0（包括）到 restOfNum.length（不包括）
*/

function lastParam(x: number, ...restOfNum: number[]) {
  let res: number = 0;
  for (let i = 0; i < restOfNum.length; i++) {
    res += restOfNum[i]
  }
  return res
}
lastParam(1, 2, 3, 4, 5, 6, 7, 8, 9); //结果 44 除了1数字以外其他参数组成剩余参数数组

/**

匿名函数是一个没有函数名的函数。
匿名函数在程序运行时动态声明，除了没有函数名外，其他的与标准函数一样。
我们可以将匿名函数赋值给一个变量，这种表达式就成为函数表达式。
*/

//匿名函数

let anonymous = function (x: number, y: number): number {
  return x + y
}
anonymous(1, 2);

//匿名函数自调用

(function () {
  var x = "Hello!!";
  console.log(x)
})();