Typrscript

Typrscript

官网

安装

npm install -g typescript 用npm 如果用yarn容易掉包

查看有没安装成功 tsc

在这里插入图片描述

编译 tsc

tsc index.ts 根目录编译 ts 转换 js
在这里插入图片描述

创建tsconfig.json

tsc --init 配置文件

在这里插入图片描述

点击菜单 终端–任务–运行任务 点击tsc:监视–tsconfig.json 自动生成代码

在这里插入图片描述

HBuilder 安装 工具 插件安装 搜索typescript

在这里插入图片描述

数据类型

  • 布尔类型(boolean)
  • 数字类型(number)
  • 字符串类型(string)
  • 数组类型(array)
  • 元组类型(tuple) 属于数组的一种
  • 枚举类型(enum)
  • 任意类型(any)
  • null 和 undefined
  • void 类型
  • never 类型

代码规范

typescipt 中为了使编写的代码更规范,更有利于维护,增加类型校验

var fla:boolean = true;

var num:number = 123;

var str:string = 'abc';

var arr:number[] = [11,12,33]   定义数组全是number类型

var arr: Array<number> =  [11,12,33]  定义数组的方式

let arr:[number,string] = [123,'asd']  元组类型

枚举类型 enum

随着计算机不断普及,程序不止用于数值计算,还跟广泛的 处理非数值的数据。

例如:性别,月份,星期几,颜色,单位名,学历,职业等。都不是数值数据。

在其他程序设计语言中,一般用一个数值来代表某一状态,这种处理方法不直观,易读性差。

如果能在程序中用自然语言中有相应含义的单词来代表某一状态,则程序就容易阅读和理解。

也就是说,事先考虑到某一变量可能取的值,尽量用自然语言中含义清除的单词来表示它的每一值,

这种方法称为枚举方法,用这种方法定义的类型称为枚举类型

enum 枚举名{
    标识符=[=整型常数],
    标识符=[=整型常数],
    ......
    标识符=[=整型常数]
}
 enum test {success=1,error=2}

 let s:test = test.success;

 console.log(s)  //1
 enum color {blue,red,'orange'}  //0 , 1 , 2     假如 red = 3 那么'orange'下标是4

 var c:color=color.red;

 console.log(c)  //如果标识符没有赋值,它的值就是下标

视频网址

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值