typescript入门之：如何使用、不限定函数参数的个数传参、interface约束（对象、函数、数组、类）、定义可选参数

最新推荐文章于 2024-04-07 14:06:19 发布

luxiaopengyou

最新推荐文章于 2024-04-07 14:06:19 发布

阅读量1.5w

点赞数

分类专栏： ts 文章标签： typescript

本文链接：https://blog.csdn.net/luxiaopengyou/article/details/107059431

版权

本文是TypeScript的入门指南，涵盖了如何安装和设置TypeScript环境，如何不限定函数参数个数进行传参，详细讲解了Interface在约束对象属性、函数类型、数组和类中的应用，以及如何在函数和接口中定义可选参数。

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

一、如何使用

1、全局安装ts（仅需安装一次）npm / cnpm install -g typescript
2、在项目文件里打开cmd，输入tsc --init，出现tsconfig.json配置文件
3、修改tsconfig.json的 “outDir” ，确认编译成的js文件的输入路径
4、编译环境（如vs code）——找到“运行任务”——选择“监听tsconfig.json”

如此一来，编写ts代码，就会即时生成编译成的js代码

二、不限定函数参数的个数传参

// 用“...” 传递不定个数参数
function sum(...params:number[]):number{
   
    
    let result = 0;
    for(let i=0;i<params.length;i++){
   
        result += params[i]; 
    }
    return result;
}

sum(1,2,3,4,5);//15
sum(1,2,3);