刚刚问了一个问题,知道angular里面用的是typescript, 马上去看快速教程,就除了问题,教程中一个函数不太理解

发布于 2022-09-06 22:51:04 字数 558 浏览 14 评论 0

typescript的function(函数)

//参数和返回值可以限定类型 参数后面为返回值类型
//参数可以设置默认值
//ES5
function (name:string="老王"):string{
retrun 'hello'+name;
}
consolo.log(hello()) //hello老王

//ES6
let hello=(name:string):string=>"Hello ${name}"
console.log(hello("老王"))

let obj={a:1,b:1}
let add=({a,b}:{a:number,b:number})=>{return a+b}


我想问的就是最后一个案例
let obj={a:1,b:1}
let add=({a,b}:{a:number,b:number})=>{return a+b}
这个函数怎么理解,完全看不懂。。。。 说好的括号内放参数,冒号后面是返回值呢? 全都在括号里该怎么算?还有这个最后结果是什么?如何理解这个函数。
本人小白,请教

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

超可爱的懒熊 2022-09-13 22:51:05

函数 add 接受一个参数,其结构为 {a: number, b:number},返回结果为 a + b,调用 add({a: 1, b: 2}),输出 3。以下是另一种写,也许更容易明白

interface A {
    a: number;
    b: number;
}
function add(p: A): number {
    return p.a + p.b;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文