TypeScript 基础知识与语法

最新推荐文章于 2024-08-27 16:58:03 发布

煲仔灬饭

最新推荐文章于 2024-08-27 16:58:03 发布

阅读量115

点赞数

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

本文链接：https://blog.csdn.net/weixin_43339112/article/details/109551912

版权

TypeScript是JavaScript的超集，扩展了ES5和ES6的语法，尤其在数据类型校验和接口方面提供了强类型支持。本文介绍了TypeScript的安装、数据类型、函数、类、接口、泛型、命名空间以及装饰器等核心概念，帮助开发者更好地理解和应用TypeScript。

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

TypeScript基础知识

TypeScript是微软开发的一款开源的编程语言，是JavaScript的超级，遵循最新的ES5、ES6规范，扩展了JavaScript的语法。

**个人感受，TypeScript与JavaScript最大的区别是增加了数据类型的校验，和封装的各种接口。

安装： npm install -g typescript

数据类型

在这里插入图片描述

函数

函数定义

//1.无参数，返回值类型确定
function run():string{
   
return “无参数，返回值确定”
}
var fun=function run():number{
   
return 123;
}

//2. 有参数，返回值类型确定
function getInfo(name:string,age:number):string{
   
return "名字："+this.name
}
var fun=function getInfo(name:string,age:number):number{
   
return this.number
}

//3. 返回值类型不确定/无返回值
function run():void{
   
console.log("---")
}

2.可选参数，默认参数与扩展参数

可选参数必须配置在参数的最后面；
默认参数位置随意；
扩展参数放置于最后

function myInfo(Name:string,age:number=18,middleName?:string):void{
   
console.log("个人信息")
}

function getNum(a:number,b:number,...others:number[]):number{
   
var sum=a+b;
for(let i of others){
   
sum