typescript -----基本类型(一)

TypeScript 支持 JavaScript相同的数据类型，还提供了枚举等类型。

为了让程序有价值，我们需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。 TypeScript支持与JavaScript几乎相同的数据类型。

1.字符串：和JavaScript 一样，可以使用双引号(") 或 单引号 （'）表示字符串

ts:

// 字符串
let dogName: string = '旺财'
let dogSex: string = "公"
let dogAge: number = 5

let introDog : string =`
    我有一只狗，他叫${dogName},
    今年${dogAge}岁，它是${dogSex}的。
`
console.log(introDog)

在文件目录下打开 命令窗口 输入 tsc 文件名.ts,执行成功后，会创建对应的js文件。

对应会生成 javascript 文件

输出的 js :

2. 数字

	// 2,8,10,16
	let num1 : number = 16
	let num2 : number = 0x10
	let num3 : number = 0o20
	let num4 : number = 0b10000
	console.log(num1,num1,num3,num4);

js:

var num1 = 16;
var num2 = 0x10;
var num3 = 16;
var num4 = 16;
console.log(num1, num1, num3, num4);

3.布尔 没啥区别
ts:

let flag:boolean = false;
console.log(flag);

js：

var flag = false;
console.log(flag);

4.数组：TypeScript 中有两种数组的定义方式
4-1.在元素类型后面接上 [],表示由此类型元素组成的一个数组
4-2.使用数组泛型，Array<元素类型>
ts:

let numArr: number[] = [1,2,3]
let strArr: string[] = ['张三','李四']
console.log(numArr,strArr)
let boolArr : Array<boolean> = [true,false]
console.log(boolArr)

js：

var numArr = [1, 2, 3];
var strArr = ['张三', '李四'];
console.log(numArr, strArr);
var boolArr = [true, false];
console.log(boolArr)

5. 元组 Tuple : 元组类型允许表示一个已知元素和类型的数组，各元素类型各不相同。如：可以分别定义一个“string” 和“ number”类型元组。
ts:

let tuple: [string,number,boolean,string]
tuple = ['上海',200, true, '武汉'] // ok
// tuple = ['上海',200, true, '武汉',10] // 不ok
console.log(tuple[0])

注意：类型必须和定义的数值相同，不然会报错
在ts 中 对已经定义的数组，会有对应的方法提示
ts:

console.log(tuple[1].toFixed())
console.log(tuple[0].length)
console.log(tuple[2].valueOf())
console.log(tuple[3].substr(1))

输出：