美文网首页
学习typescript - Functions

学习typescript - Functions

作者: 土豪码农 | 来源:发表于2019-03-24 16:02 被阅读0次

    定义函数出参入参类型

    function add(a:number,b:number):number{
        return a+b
    }
    

    定义函数出参入参类型完整写法

    const add: (a: number, b: number) => number =
        function (a: number, b:number):number {return a + b};
    
    const add2: (number1:number,number2:number) => number =
        function (a,b) {
            return a+b
        };
    

    可选参数和默认参数

    function perosn(name:string,age?:number ){
        //age?就是可选参数,可选参数一定要在必填参数后面
    }
    function perosn(name:string,age:number = 0 ){
        //设置了默认参数就可以不填
    }
    

    剩余参数

    function Perons(name:string,...NameList:string[]){
        //剩余参数,可以为0,可以为无限,
        const arr = [];
        arr.push(name);
        arr.concat(...NameList);
    }
    

    this 参数

    class Person{
        name:string;
        constructor(name){
            this.name = name;
        }
        getName(this:Person){
            //this参数放在参数最前面,代表里面的this是这种类型的
            console.log(this.name);
        }
    }
    
    const person = new Person('xx');
    person.getName();
    

    重载

    function add(num:number):number;
    function add(str:string):string;
    //前两个只是一个声明,不写实际代码
    //最后一个都用any写实现的代码
    function add(p:any):any{
        return p+p;
    }
    

    自行回顾

    • 定义函数出参入参类型
    • 定义函数出参入参类型完整写法
    • 可选参数和默认参数
    • 剩余参数
    • this 参数
    • 重载

    相关文章

      网友评论

          本文标题:学习typescript - Functions

          本文链接:https://www.haomeiwen.com/subject/hjpuvqtx.html