标签：TypeScript undefined Color 数据类型 number 学习 let 类型 赋值
TypeScript 数据类型
typeScript为了使用规范便于维护增加了类型校验
布尔类型 --- boolean
数字类型 --- number
字符串类型 -- string
数组类型 --- array
元组类型 --- tuple
枚举类型 --- enum
任意类型 --- any
null 和 undefined
void类型
never类型
在ES5中， 数据类型为弱类型， 可以任意指向
// 以前 var str = "a"; str = 12; str = false; str = []; // .... 等
在typeScript 中数据类型必须定义
一、布尔类型 boolean (true false)
定义为boolean类型的变量只能赋值 true 或 false
flag = false; flag = true;
二、数字类型 number
当定义了number类型， 不能复制给其他类型的值；
var a:number = 123; a = 3.14; // 赋值小数点正确
在typeScript中没有对整型和浮点类型进行区分， 所以浮点类型属于number类型（数字类型）
三、字符串类型 String
当定义了String 类型， 就不能再赋值给其他类型的值了
字符串支持 ""，''，``这三种写法
let userName: string = "张三";
let age: number = 5;
let words: string = ` ${ userName } 今年 ${ age } 周年`;
console.log(words);
四、数组类型 array
这里定义了一个number类型的数组，数组内容只能是number类型的， 不能出现其他类型，不能像ES5一样数组的内容能包含其他类型
第二种定义数组方法
// 2、定义数组方法二（使用泛型方法） let arrd:Array<number> = [23,4,545,5.3];
五、 元组类型 --- tuple
元组类型是属于数组类型的一种
// 元组类型, 元组方式可以定义多种类型 let arr:[string,number,boolean] = ["ts", 3, false]
六、枚举类型 --- enum
枚举类型用于定义标识符
/**
* 写代码的时候很多都会出现数字代表状态，写的时候还记得， 过了一段事件了可能就忘记了，使用枚举，定义类型的枚举类型
pay_status 0 未支付， 1支付， 2交易成功
*/
enum Pay_status {
unpaid=0,
payment=1,
successful=2
}
let payStauts:Pay_status = Pay_status.unpaid;// 0
写法和用法有点像Object对象的key和value，要注意的是， 枚举中用的是等号
// 如果给枚举的类型，没有赋值，默认就是索引值
enum Color{
red,blue,orange
}
let c:Color = Color.red;
console.log(c) // 输出： 0
可以查看编译后的ES5代码
"use strict";
// 基本的数据类型
// 枚举类型
// 如果给枚举的类型，没有赋值，默认就是索引值
var Color;
(function (Color) {
Color[Color["red"] = 0] = "red";
Color[Color["blue"] = 1] = "blue";
Color[Color["orange"] = 2] = "orange";
})(Color || (Color = {}));
var c = Color.red;
console.log(c); // 输出： 0
注意： 索引值从0开始
如果其中一个赋值了，那么索引值会发生变化
enum Color{
red,blue=5,orange
}
let c:Color = Color.blue;
console.log("c等于" + c) // 输出： 5
前面 blue赋值5， 后面 orange 默认没有值，就会以上一个为基准 变成了6
如果前面有一个赋值的不是number，那么就不能作为索引了，会出现错误，前面有个一是其他类型，后面的也必须要赋值
七、任意类型 --- any
任意类型，可以改变变量的类型
针对编程时类型不明确的变量使用的一种数据类型
// 定义存储各种类型数据的数组时 let arrayList: any[] = [1, false, 'fine']; arrayList[1] = 100;
比如我们要获取一个DIV的id为“oBox”的DOM节点， DOM对象出现了报错的提示，typeScript不知道这个oBox是一个DOM对象，所以我们要定义个任意类型
八、null 和 undefined
其他（never类型）类型的子类型
变量定义了，但是没有赋值，都是undefined
如果给定变量定义了undefined，就不会出现警告
代码中会出现有些值会是number或者undefined
null的用法基本一致
如果一个元素可能是number类型，可能是 null 可能是 undefined
// null 和 undefined var num:null|number|undefined; num = 456; console.log(num);
九、void类型
表示没有任何类型，一般用于定义方法，表示该方法没有返回值的时候使用void
// ES5用法
function run() {
console.log("run")
}
// typeScript 如果方法没有返回值需要写上 void，表示方法没有返回任何类型
function run():void {
console.log("run")
}
如果需要返回什么类型，就写入什么类型
十、never类型
其他类型，包括null和undefined（null和undefined是属于never的子类）代表从不会出现的值，这就是意味声明never的变量只能被 never的值赋值
只能赋值给undefined类型， 赋值给其他类型都出现了警告
never 是不能赋值的，抛出了错误， never正确
标签：TypeScript,undefined,Color,数据类型,number,学习,let,类型,赋值 来源： https://www.cnblogs.com/yangWanSheng/p/14934800.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。