typescript 参数传入函数
    TypeScript是一种静态类型的编程语言，它是JavaScript的超集。它被设计用于更好的可读性和可维护性，在代码编写过程中免除很多人为错误，同时保留了JavaScript的灵活性。
    函数是TypeScript中重要的一部分，因为它允许我们将可重用的、模块化的、可读的代码组合在一起。 本文将介绍如何在TypeScript中声明函数并传入参数。
    1.函数的声明方式
    TypeScript中的函数可以使用两种方式进行声明。 第一种方式是通过函数表达式声明函数，如下所示：
    function add(x: number, y: number): number {
  return x + y;
}
    这个函数使用了ES6箭头函数语法，并且添加了类型注解。在这个例子中，函数名是add，它接受两个数字类型的参数(x和y)，并且返回一个数字类型的值。 这是一种将函数显式声明为类型的方法，让函数中的输入和输出更容易理解。
    另一种方法是使用函数声明语法，如下所示：
    let addTwoNumbers: (x: number, y: number) => number = function(
  x: number,
  y: number
): number {
  return x + y;
}
    在这个例子中，我们使用变量addTwoNumbers来保存函数的引用。它是一个小括号括起来的函数类型，输入参数和返回类型都用箭头连接。
    2.参数的传递
    在TypeScript中向函数传递参数与JavaScript是一样的。我们可以通过简单地将参数值传递给函数来调用函数。例如，我们可以通过以下方式调用上面定义的add函数：
    console.log(add(2, 3)); //输出：5
    在这里，我们将值2和3传递给add函数，并且将返回值5打印在控制台上。
    3.默认参数
    TypeScript中的函数还支持默认参数。默认参数是在函数声明中指定的，如果函数被调用时没有提供该参数，则使用默认值。例如：
字符串函数传参    function greeter(name: string = "world") {
  console.log("Hello, " + name + "!");
}
    在这个例子中，greeter函数有一个名为name的参数，如果该参数没有被传递，则默认为“world”。因此，调用函数时可以提供参数的值，也可以不提供参数。
    greeter(); //输出：Hello, world!
greeter("TypeScript"); //输出：Hello, TypeScript!
    4.可选参数
    TypeScript中的函数也支持可选参数。可选参数是在函数声明中指定的，并且用问号(?)标记。如果可选参数没有提供，则该参数的值将是undefined。例如：
    function printMessage(message: string, sender?: string) {
  console.log("Message from " + (sender || "unknown") + ": " + message);
}
    在这个例子中，printMessage函数有两个参数：message和可选参数sender。因为sender
参数是可选的，因此在函数调用时可以选择是否传递值。如果sender参数没有传递，它的默认值是undefined。
    printMessage("Hello World!"); //输出：Message from unknown: Hello World!
printMessage("Hello World!", "TypeScript"); //输出：Message from TypeScript: Hello World!
    在本文中，我们了解了TypeScript函数的声明方式、参数的传递方法，以及默认参数和可选参数的用法。TypeScript中函数的这些功能，使我们能够清楚地了解到函数的输入和输出，并减少语法错误。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。