【TypeScript】tsc命令,基础语法,基础类型学习

安装

npm install -g typescript

tsc命令

查看版本号

PS C:\> tsc -v
Version 4.9.5

将 TypeScript 转换为 JavaScript 代码,得到js文件

PS C:\> tsc demo.ts
PS C:\> tsc demo1.ts demo2.ts demo3.ts
参数选项 参数含义
–help 显示帮助信息
–module 载入扩展模块
–target 设置 ECMA 版本
–declaration 额外生成一个 .d.ts 扩展名的文件
–removeComments 删除文件的注释
–out 编译多个文件并合并到一个输出的文件
–sourcemap 生成一个 sourcemap (.map) 文件,sourcemap 是一个存储源代码与编译代码对应位置映射的信息文件。
–module noImplicitAny 在表达式和声明上有隐含的 any 类型时报错
–watch 在监视模式下运行编译器。会监视输出文件,在它们改变时重新编译

基础语法

  • 空白和换行
    TypeScript 会忽略程序中出现的空格、制表符和换行符。
  • TypeScript 区分大小写
  • 分号是可选的
    每行指令都是一段语句,你可以使用分号或不使用, 分号在 TypeScript 中是可选的,建议使用。如果语句写在同一行则一定需要使用分号来分隔。
  • 注释
// 这是一个单行注释
 
/* 
 这是一个多行注释 
 这是一个多行注释 
 这是一个多行注释 
*/

基础类型

数据类型 关键字 描述
任意类型 any 声明为any的变量可以赋予任意类型的值。
数字类型 number 双精度64位浮点值,可表示整数分数。
字符串类型 string 单引号或双引号来表示,反引号`定义多行文本和内嵌表达式
布尔类型 boolean 表示逻辑值true和false
数组类型 在元素类型后面加上[]
let arr: number[] = [1, 2];
或者使用数组泛型
let arr: Array = [1, 2];
元组 元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。
let x: [string, number];
x = [‘Runoob’, 1]; // 运行正常
x = [1, ‘Runoob’]; // 报错
枚举 enum 枚举类型用于定义数值集合
void void 用于标识方法返回值的类型,表示该方法没有返回值。
null null 表示对象值缺失
undefined undefined 用于初始化变量为一个未定义的值
never never never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值

枚举类型enum

  • 普通枚举:初始值默认为 0,其余的属性按顺序依次递增。
enum Color {
    Red,
    Blue,
    Green
} 
console.log(Color.Red);  //0
  • 字符串枚举:
enum Color {     
    Red='红色',
    Blue='蓝色',
    Green='绿色'
}
console.log(Color.Blue);  //蓝色
  • 常量枚举:使用 const 关键字修饰的枚举
const enum Color {
    Red,
    Blue,
    Green
}
console.log(Color.Red,Color.Blue,Color.Green);  //0 1 2

你可能感兴趣的:(大橙子学前端,typescript,学习,javascript)