TypeScript学习-函数

最新推荐文章于 2024-10-10 16:23:05 发布

小于不加糖

最新推荐文章于 2024-10-10 16:23:05 发布

阅读量62

点赞数

分类专栏： TypeScript 文章标签： typescript 学习 javascript

本文链接：https://blog.csdn.net/qq_41205754/article/details/129010298

版权

TypeScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文章详细介绍了JavaScript和TypeScript中函数的用法，包括基本的加法操作，TypeScript的类型定义函数的两种方式，以及如何处理可选参数、默认参数和剩余参数。示例代码展示了如何定义和使用这些功能，如buildName函数展示了可选参数的使用，而buildName3则演示了剩余参数的应用。

摘要由CSDN通过智能技术生成

// 函数

// js的加法
// function add(x,y){
//     return x+y
// }

// ts的写法1
function add(x:number,y:number):number{
    return x+y
}
//ts的写法2:使用接口约束函数
interface Funcs{
    (x:number,y:number):number
}
let add1:Funcs
add1=(x:number,y:number):number=>{ return x+y}

// 可选参数 默认参数
function buildName(params1:string,params2?:string):string {
    return params1+'-' +params2
}

console.log(buildName("张",'三'));
console.log(buildName("张"));  //params2 是undefined
// 设置默认值

function buildName1(params1:string,params2:string='wuhu'):string {
    return params1+'-' +params2
}
console.log(buildName1("张"));  //params2 是undefined

// 剩余参数
function buildName3(...restOfName:string[]):string {
    return restOfName.join("·")
}
// 加入有一个玛丽苏公主 ：璃莹殇·安洁莉娜·樱雪羽晗灵·血丽魑·魅·J·Q·安塔利亚·伤梦薰魅·海瑟薇·蔷薇玫瑰泪·羽灵
console.log(buildName3("璃莹殇","安洁莉娜",'樱雪羽晗灵',"血丽魑","魅",'J','Q',"安塔利亚",'蔷薇玫瑰泪','羽灵'));