TypeScript前端数据结构管理

说明：以一个学生为对象例子。

一、const

1.1定义

单个常量

export const STUDENT_NAME = 'lvxin';

多个静态值（常量）

export class StudentConstant {
    public static id = 1;
    public static details = [];
    public static STUDENT_URL = './json/student/student-detail.json';
}

1.2使用

单个常量

   console.log(STUDENT_NAME); // lvxin

多个静态值（常量）

 console.log(StudentConstant.STUDENT_URL); //  ./json/student/student-detail.json

二、class

2.1定义

简单定义

export class Students {
    id: number;
    sex: string;
    name: string;
    detail: Array<any>;
}

带初始化的定义

export class StudentsInit {
    public id: number;
    public sex: string;
    public name: string;
    public detail: Array<any>;
    constructor() {
        this.id = -1;
        this.sex = '女';
        this.name = 'lvxin';
        this.detail = [];
    }
}

2.2使用

简单定义

 public student = new Students();
 console.log(this.student);

带初始化的定义

 public studentsInit = new StudentsInit();
 console.log(this.studentsInit);

三、 enum

相当于key值

3.1定义

export enum StudentEnumTest {
    ID = 'id',
    NAME = 'name',
    SEX = 'sex',
}

3.2使用

 console.log(StudentEnumTest.ID);

四、Interface

接口必须每个属性一样。

4.1定义

export interface StudentInterfaceTest {
    id: number;
    name: string;
    sex: string;
    detail: Array<any>;
}

4.2使用

 public studentInterfaceTest: StudentInterfaceTest = {id: 1, name: 'lvxin', sex: '女', detail: []};
 public studentInterfaceTests: Array<StudentInterfaceTest> = [{ id: 1, name: 'lvxin', sex: '女', detail: []}];
 console.log(this.studentInterfaceTest);
 console.log(this.studentInterfaceTests);

五、效果