TypeScript深入学习

  • 基础类型
    boolean
    number
    string
    string[]//Array 数组类型(ReadonlyArray数组不能修改,也不允许被赋值给其他)
    tuple 元组,也就是一个集合[string,number]
    enum枚举
    显示下标

    any任意类型
    void函数没有返回值

  • 接口
    1、接口初探
    对象参数严格或宽松检查
    2、可选属性
    TypeScript深入学习_第1张图片添加?

    3、只读属性readonly
    readonly数组可以被修改
    TypeScript深入学习_第2张图片

    4、额外的属性检查
    as X 鸭子模型(不可靠,因为内部引不到,没啥用)
    TypeScript深入学习_第3张图片

    对象重新赋值
    TypeScript深入学习_第4张图片

    字符串索引签名
    TypeScript深入学习_第5张图片

    [propName:string]:any
    4、函数类型
    TypeScript深入学习_第6张图片

    (x:string):boolean函数的参数类型和返回值类型
    6、可索引的类型
    TypeScript深入学习_第7张图片

    7、类类型
    实现接口
    implements(之前有提到过,这里就不做解释了)


  • 类、继承
    在继承的时候如果子类没有constructor,那就读取父类的constructor,但是如果父类的constructor需要传参那就必须传一下,子类有constructor就必须写super(),如果父类需要参数还要传过去,不要就空着就可以了。
    class Person {
        //成员变量
        name: string
        //构造函数
        constructor(name: string) {
            this.name=name
        }
        //成员函数
        eat():void {
            console.log(this.name)
        }
    }
    class Student extends Person{
        id: number;
        constructor(name:string,id:number) {
            super(name)
        }
        study() {
            console.log(this.id)
        }
    }
    
    const person = new Person("hou")
    console.log(person.name)
    person.eat()
    
    const student = new Student("hh",4)
    console.log(student.name)
    console.log(student.id)
  • 修饰符
    1、public:成员可以在子类访问到,实例上也可以访问到
    2、private:只能在类自己内部访问
    3、protected:被保护的类型,在子类访问到,但是实例上访问不到

  • 抽象类
    abstract,不能被实例化,只能被继承
    TypeScript深入学习_第8张图片

转载于:https://www.cnblogs.com/J--L/p/10563898.html

你可能感兴趣的:(javascript,ViewUI)