TypeScript学习01--安装和基本数据类型

发布于:2022-12-07 ⋅ 阅读:(599) ⋅ 点赞:(0)

1. 什么是TypeScript ?

TypeScript 是由微软开发的一门编程语言,是Javascript的超集,拓展了JavaScript的语法。TypeScript
跨平台:TypeScript编译器可以安装在任何操作上,包括Windows、macOS和Linux。

2. 安装TypeScript

在项目终端中,输入命令

cnpm install -g typescript
查看编译器版本号,是否已装好
tsc --version
在这里插入图片描述

3. TypeScript数据类型

TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。

3.1 如何定义一个变量?

let/var/const 变量名:数据类型 = 初始化值
let 变量名:数据类型
变量名=变量值

3.2 基本数据类型

  1. Number

```javascript
let num:number=6
  1. String
let name:string='zhangsan'
  1. Boolean
let visible = 'true'
  1. Undefined
let a:undeined = undefined
  1. Null
let b:null = null
  1. 泛型
//泛类型
let arr:Array<number>=[4,5,6]
  1. 引用数据类型:
//对象类型
let arr:Object[]=[{}]
// 既有number又有string 
let arr: (number | string)[] = [1, 'a', 3, 'b']
let foo:Function=()=>{}
  1. 元组
    元组类型允许表示一个已知元素数量和类型的数组,各元素的类型可以不一样(注意:中括号[ ]内的元素的数量定的是多少个,数据值就要有多少个)。
let abc:[number,string,boolean]=[1,'lion',true]
  1. 枚举
    enum类型是对JavaScript标准数据类型的一个补充。

语法:enum 变量名{}
读取时:变量名.属性名()

//默认枚举
enum Season{
  spring,
  summer,
  autumn,
  winter
}
console.log(Season);
//字符串枚举
enum Gender{
  male='男',
  female='女'
}
console.log(Gender,Gender.male);
  1. any 任意类型
let a:any = 3;
a = true;
console.log(a); // true
  1. void
    某种程度上来说,void类型像是与any类型相反,它表示没有任何类型。 当一个函数没有返回值时,你通常会见到其返回值类型是void
function foo() :void {  console.log('this is foo'); } foo();
  1. object
    object表示非原始类型,也就是除number,string,boolean,symbol,null或undefined之外的类型。
let o : object;
o = {name:'terry'}
console.log(o); //{ name: 'terry' }
  1. 函数的可选参数
    可选参数:在可选参数名的后面添加 ?(问号)
function mySlice(start?: number, end?: number): void {
  console.log('起始索引:', start, '结束索引:', end)
}
本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到