首先说函数:函数是一组一起执行一个任务的语句,函数的声明需要函数的名称、返回类型和参数。
首先来看一个示例:
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}))
就是这么写的啦,加油加油加油!