TypeScript：函数传参如何进行es6的解构赋值

首先说函数：函数是一组一起执行一个任务的语句，函数的声明需要函数的名称、返回类型和参数。

首先来看一个示例：

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

    console.log(sum(10, 30))

a,b的类型都是数字，运行结果是40，这个没什么问题；那么如果想用es6，解构赋值式的写法怎么写；我先来说一个错误的例子啊。。。不要笑

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

然后写完就报错了，我寻思我这写的也没毛病啊，解构赋值的写法，规定了类型。。。为什么挂掉了，错误是：绑定元素“number”隐式具有“any”类型。。。

Binding element 'number' implicitly has an 'any' type.

emmm,那应该怎么写比较合适咧！下面：

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

    console.log(sum1({a: 10, b: 30}))

如果有参数不必传，那就需要给默认值，不给会编译报错的哈

    function sum2({a, b = 100}: { a: number, b?: number }): number {
        return a * 10 + b
    }

    console.log(sum2({a: 200}))

或者这样

    function sum10(obj: { a: number, b: number }): number {
        let {a, b} = obj
        return a + b
    }

    console.log(sum10({a: 100, b: 200}))

不必传的参数写法

    function sum4(obj: { a: number, b?: number }): number {
        let {a, b = 100} = obj;
        return a + b
    }

    console.log(sum4({b: 200, a: 10}))

就是这么写的啦，加油加油加油！