5.typescript函数

秒速五厘米 2024-04-07 13:07 53阅读 0赞

## 函数格式 ##

function 函数名(参数列表): 返回值类型 {
        
        函数体 ...
        [return 返回值;]
    }
    
    let 函数名 = function (参数列表): 返回值类型 {
        
        函数体 ...
        [return 返回值;]
    };

## 必选函数 ##

function text(name: string, age: number): string {
        
        return `${
          name}${
          age}`;
    }
    console.log(text("林扬生", 24));
    ---
    function text(name, age) {
        
        return "".concat(name).concat(age);
    }
    console.log(text("林扬生", 24));

## 可选函数 ##

function text(name: string, age?: number): string {
        
        return `${
          name}${
          age}`;
    }
    console.log(text("林扬生", 24));
    console.log(text("林扬生"));
    ---
    function text(name, age) {
        
        return "".concat(name).concat(age);
    }
    console.log(text("林扬生", 24));//林扬生24
    console.log(text("林扬生"));//林扬生undefined

## 默认函数 ##

function text(name: string, age: number=24): string {
        
        return `${
          name}${
          age}`;
    }
    console.log(text("林扬生", 24));
    console.log(text("林扬生"));
    ---
    function text(name, age) {
        
        if (age === void 0) {
         age = 24; }
        return "".concat(name).concat(age);
    }
    console.log(text("林扬生", 24));//林扬生24
    console.log(text("林扬生"));//林扬生24

## 剩余函数 ##

参数的类型确定而参数个数不确定

function sum(...result: number[]): number {
        
        let sum = 0;
        for (let i = 0; i < result.length; i++) {
        
            sum += result[i];
        }
        return sum;
    }
    console.log(sum(1, 2, 3, 4, 5));
    ---
    function sum() {
        
        var result = [];
        for (var _i = 0; _i < arguments.length; _i++) {
        
            result[_i] = arguments[_i];
        }
        var sum = 0;
        for (var i = 0; i < result.length; i++) {
        
            sum += result[i];
        }
        return sum;
    }
    console.log(sum(1, 2, 3, 4, 5));//15

## 箭头函数 ##

function a() {
        
        console.log(0);
    }
    const b = () => {
        
        console.log(1);
    }
    a();b();

发表评论取消回复

表情：

评论列表（有 0 条评论，53人围观）

还没有评论，来说两句吧...

相关阅读

相关 5.typescript函数

函数格式 function 函数名(参数列表): 返回值类型 { 函数体 ... [return 返回值;]

秒速五厘米/ 2024年04月07日 13:07/ 0 赞/ 54 阅读

相关 5. Typescript - 提示与技巧 - 重载函数

欢迎回来，伙计们！今天的主题是重载函数。所有自尊的编程语言都有重载函数，所以typescript也有这个特性。要在打字稿中使用此功能，我们必须声明此函数的所有签

喜欢ヅ旅行/ 2024年03月16日 12:44/ 0 赞/ 40 阅读

相关 typescript基础——函数

定义函数函数的输入输出要进行类型的定义，函数的参数一旦定义好以后，输入多或者少都是会编译报错的，返回类型也必须跟定义的一致； // 1 functio

超、凢脫俗/ 2023年07月24日 11:54/ 0 赞/ 19 阅读

相关 TypeScript 函数讲解

TypeScript 函数讲解函数的定义可以指定参数的类型和返回值的类型 function hello(name:string):void {

秒速五厘米/ 2022年12月27日 01:54/ 0 赞/ 141 阅读

相关 TypeScript函数

首先我们先来回顾一下es5定义函数的方法 // 函数声明法 function run(){ return 'run'; }

短命女/ 2022年10月19日 15:59/ 0 赞/ 161 阅读

相关 TypeScript 方法/函数

//无返回类型 function fun(){ } //有返回类型 function fun1():string{ r

我不是女神ヾ/ 2022年07月15日 04:52/ 0 赞/ 169 阅读

相关 TypeScript--函数

javascript中的函数 function test1(){ alert("test1") } var test2 = fun

快来打我*/ 2022年03月07日 00:48/ 0 赞/ 230 阅读

相关 6、typescript - 函数

和JavaScript一样，TypeScript函数可以创建有名字的函数和匿名函数。你可以随意选择适合应用程序的方式，不论是定义一系列API函数还是只使用一次的函数。为

不念不忘少年蓝@/ 2021年12月20日 23:03/ 0 赞/ 263 阅读

相关 TypeScript 入门学习（三）：TypeScript 函数定义

TypeScript 函数定义函数定义 // 函数声明法 function fun(): string { return 'xxx';}

叁歲伎倆/ 2021年09月30日 06:42/ 0 赞/ 509 阅读

相关 typescript 函数

定义函数两种方式方式一 function xx(x:类型,y:类型):返回值类型{ ... }

﹏ヽ暗。殇╰゛Y/ 2021年07月24日 22:18/ 0 赞/ 508 阅读