TypeScript-数据类型

TypeScript-数据类型

下面是ts文件（TS语法）：

/**
 * Created by liujun on 2017/12/29.
 */

/*1.定义布尔类型*/
let isDoing : boolean=false; // :boolean 是类型批注
console.log(isDoing);

/*2.定义数据类型*/
let count1:number=10; //:number 是类型批注
let count2:number=10.10;
console.log(count1,count2);


/*3.定义字符串数据类型*/
let str:string = "bob";
console.log(str);

/*4.定义数组*/
let list1: number[] = [1, 2, 3];
//第二种方式是使用数组泛型，Array<元素类型>：
let list2: Array<number> = [1, 2, 3];
console.log(list1,list2);


/*5.定义枚举*/
enum Color {Red, Green, Blue}
let c0:Color=Color.Red;
let c1:Color=Color.Green;
console.log(c0,c1); //0  1
let colorName: string = Color[2];
console.log(colorName);

/*6.任意类型*/
let notSure1: any = 4;
let notSure2: any = 'aasdfdf';
let notSure3: any = Color.Green;
console.log(notSure1,notSure2,notSure3);


/*7.void类型*/
//返回类型为number
function sum1(a,b):number{  //:number 是类型批注
    return a+b;
}
//返回类型为void
function sum2(a,b):void{
    console.log(a+b);
}

上面ts文件编译生成js文件（ES5语法）：

/**
 * Created by liujun on 2017/12/29.
 */
/*1.定义布尔类型*/
var isDoing = false;
console.log(isDoing);

/*2.定义数据类型*/
var count1 = 10;
var count2 = 10.10;
console.log(count1, count2);

/*3.定义字符串数据类型*/
var str = "bob";
console.log(str);

/*4.定义数组*/
var list1 = [1, 2, 3];
//第二种方式是使用数组泛型，Array<元素类型>：
var list2 = [1, 2, 3];
console.log(list1, list2);

/*5.定义枚举*/
var Color;
(function (Color) {
    Color[Color["Red"] = 0] = "Red";
    Color[Color["Green"] = 1] = "Green";
    Color[Color["Blue"] = 2] = "Blue";
})(Color || (Color = {}));
var c0 = Color.Red;
var c1 = Color.Green;
console.log(c0, c1); //0  1
var colorName = Color[2];
console.log(colorName);

/*6.任意类型*/
var notSure1 = 4;
var notSure2 = 'aasdfdf';
var notSure3 = Color.Green;
console.log(notSure1, notSure2, notSure3);

/*7.void类型*/
//返回类型为number
function sum1(a, b) {
    return a + b;
}
//返回类型为void
function sum2(a, b) {
    console.log(a + b);
}

对比一下TS的语法和JS的语法，可以看出TS语法比JS语法可读性好很多。TS语法类似后端语法。