typescript 的基本数据类型和使用

typescript 的基本数据类型

  • Boolean
  • Number
  • String
  • Array
  • Enum
  • Any
  • Void

基本类型示例和使用

  • Boolean 类型
// 声明一个布尔类型 注意一定要给一个初始化的值,否则是undefined
var isBool : boolean = true;
  • Number 类型
// 声明一个数字类型 
var num : number = 10;
num ++; // 11
  • String 类型
// 声明一个字符串类型 
var str : string = 'Joh';
str += 'nny'; // Johnny
  • Array 类型
var list1:number[] = [1,2,3]; // 指定数据类型 方式1
var list2:Array<number> = [1,2,3]; // 指定数据类型 方式2
  • Enum 类型 : 就是限定的范围

默认使用方式:

enum Color {Red, Green, Blue};
var colorName:string = Color[1]; // Green

给下标赋值使用

enum Color {Red=1, Green, Blue};
var colorName:string = Color[1]; // Red
var colorName:string = Color[2]; // Green 如果没设置,按照前一个的索引值+1
var colorName:string = Color[3]; // Blue

简单应用,获取枚举索引值

enum Color {Red, Green, Blue};
var c:Color = Color.Green; // 获取下标
console.log(c); // 1 

Any 类型

var anyTest:any = 10; // 赋值为any类型
anyTest = "hello"; // 修改为字符串
anyTest = false; // 修改为bool 以最后一个为准
console.log(anyTest); // false

var list:any[] = [1, "Hello", false]; // 可容纳不同类型的值
console.log(list[2]); // false

Void 类型

function demo():string {
  return "hello"; // 必须有返回值
}

function demo1():number {
  return 10; // 必须有返回值
}

// 使用void类型,不需要返回值
function demo2():void {
  // do anything you want, no need for return value
}

总结

  • typescript强于javascript的一点:可声明数据类型
  • void类型 用于对函数进行声明,对函数声明的一般类型都要返回值,void不需要返回值

猜你喜欢

转载自blog.csdn.net/tyro_java/article/details/80560485