前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >TypeScript学习第二篇 - 数据类型

TypeScript学习第二篇 - 数据类型

作者头像
越陌度阡
发布2020-11-26 14:44:08
3330
发布2020-11-26 14:44:08
举报

Typescript中为了使编写的代码更规范,更有利于维护,增加了类型校验,一个标识符一旦定义了类型,后续便不能再修改,主要有以下几种数据类型。

1. 布尔类型(boolean)

代码语言:javascript
复制
var flag:boolean=true;

// flag=123;         // 错误

flag=false;          // 正确

2. 数字类型(number)

代码语言:javascript
复制
var num:number=123;

num='str';           // 错误

num=456;             // 正确

3. 字符类型(string)

代码语言:javascript
复制
var str:string='this is TypeScript';

str=true;            // 错误

str='Hello World';   // 正确

4. 数组类型(array)

代码语言:javascript
复制
// 第一种方法
var arr:number[]=[11,22,33];

// 第二种方法
var arr:Array<number>=[11,22,33];

5. 元祖类型(tuple),为数组中每个位置的元素指定类型。

代码语言:javascript
复制
var arr:[number,string]=[123,'this is TypeScript'];

6. 枚举类型(enum)

代码语言:javascript
复制
enum Color {blue,red=1.5,orange};

var a:Color = Color.blue;
// 如果没有赋值,默认从下标0开始
console.log(a);
// 0


var b:Color=Color.red;
// 赋值后,得到的将是所赋值的结果
console.log(b);   
// 1.5

var c:Color=Color.orange;
// 没有指定值的枚举元素,其值为前一元素加 1
console.log(c);   
// 2.5

7. 任意类型(any)

代码语言:javascript
复制
var num1:number = 123;
// 报错
num1 = 'str';

var  num2:any = 123;
num2 = 'str';
// OK

any 类型有什么用途?

代码语言:javascript
复制
var obj1 = document.getElementById('obj');
obj1.style.color = 'red';
// Object is possibly 'null';
// 提示为Object,但在TypeScript中没有这个类型

var obj2:any = document.getElementById('obj');
obj2.style.color = 'red';
// OK

8. 未定义类型 (undefined)

代码语言:javascript
复制
var num1:number;
console.log(num1);
// 报错

var num2:number | undefined;
console.log(num2);
// undefined

9. 空类型(null)

代码语言:javascript
复制
var num1: null;
num1 = 10;
// 报错

var num2: number | null;
num2 = 10;
// OK

10 .没有任何类型(void),一般用于定义方法时没有任何返回值,类似于C++。

代码语言:javascript
复制
function run():void{
    console.log('run');
}
run();

11. 其他类型的子类型(never),代表从不会出现的值,这意味着声明never的变量只能被never类型所赋值。

代码语言:javascript
复制
var a: never;
a = (() => {
    throw new Error('错误');
})()
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/12/30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档