zoukankan      html  css  js  c++  java
  • [TypeScript] Function Overloads in Typescript

    It's common in Javascript for functions to accept different argument types and to also return different types. In this lesson we learn how to 'teach' Typescript about these dynamic functions so that we can still benefit from the powerful static type analysis.

    const getTasks = (taskname: string, x: any) : any => {
        if(typeof x === 'function'){
            return {taskname, fn: x};
        }
    
        if(Array.isArray(x)){
            return {taskname, deps: x};
        }
    };
    
    const task1 = getTasks('taskname1', ['dep1', 'dep2']);
    const task2 = getTasks('taskname2', function(){});
    
    task1.fn(); // Runtime Error, fn not exists on task1
    task2.deps; // Runtime Error, deps not exists on task2

    In the code above, the IDE cannot help much during the compile time. 

    But if we use Function overloads, then IDE can help to check error:

    interface GroupTask {
        taskname:string
        deps:string[]
    }
    
    interface Task {
        taskname:string
        fn:Function
    }
    
    function getTasks(taskname:string, x:string[]):GroupTask
    function getTasks(taskname:string, x:Function):Task
    function getTasks(taskname:string, x:any):any {
        if (typeof x === 'function') {
            return {taskname, fn: x};
        }
    
        if (Array.isArray(x)) {
            return {taskname, deps: x};
        }
    }
    const task1 = getTasks('taskname1', ['dep1', 'dep2']);
    const task2 = getTasks('taskname2', function () {
    });
    
    task1.fn // Property 'fn' doesn't not exist on type 'GrouptTask'
    task2.deps // Property 'deps' doesn't not exist on type 'Task'
  • 相关阅读:
    矩阵分析及其在线性代数中的应用(3-4)
    矩阵分析及其在线性代数中的应用(1-2)
    信息检索的评价标准
    Converting Between Image Classes (matlab 中图像类之间的转换)
    Ubuntu 14.04,root the Nexus 7 (2013).
    ACM进阶计划
    matlab R2012a in ubuntu12.04
    人,绩效和职业道德
    运行及总结
    仓库管理 测试计划
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5592632.html
Copyright © 2011-2022 走看看