Typescript学习笔记 - 方法 (静态Static、抽象Abstract)

构造方法：constructor() { … }
实例方法：funName () { … }
静态方法：static funName () { … }
抽象方法/类：abstract class Per { … }

静态方法（静态属性同理）

// ES5
function Person () {..}
Person.run = function () {..}
// 静态方法不需要实例化 new Person()，直接调用即可
Person.run()

// Typescript
class Person {
    public name:string;
    // 静态属性 (静态方法 只能调用 静态属性)
    static age:number = 18
    // 静态方法
    static print():void {
        console.log(`Person print()! ${this.age}`)
    }
}
Person.print()

示例 (jQuery)

// 例1 实例方法
$('#box').css('color', 'red')
// jQuery 源码
function $(element){
    return new Base(element)
}
function Base(elem) {
    this.elem = .. // 获得DOM节点
    this.css = function (attr, value) {
        this.elem.style[attr] = value
    }
}

// 例2 静态方法
$.get('..',function(){ .. }
// jQuery 源码
Base.css = function () { .. }

抽象方法

定义一个标准

• 抽象类 无法直接实例化，是提供其他类继承的基类
• 抽象方法 只能出现在 抽象类 里
• 抽象方法 必须在被继承的子类中出现

// 抽象类 (抽象方法必须在抽象类中使用)
abstruct class Animal {
    // 抽象方法 (继承的子类必须出现这个方法) (抽象方法不能在这此处有业务逻辑)
    abstract eat():any;
}
// var a = new Animal() 会报错
class Dog extends Animal {
    // 没有 eat() 会报错
    eat() { console.log('dog is eat!') }
}
var d = new Dog()
d.eat()

欢迎技术指正与交流，转载请注明出处
https://www.imure.cn/2019/10/25/Typescript-Methods/