Vue3+TypeScript从入门到精通系列之：静态成员

一、TypeScript静态成员

(() => {

//静态成员：在类中通过static修饰的属性或者方法，就是静态的属性及静态的方法，也称为静态成员
//静态成员在使用的时候通过类名来调用

class Person {

firstName:string
lastName:string
static name1: string = "犬夜叉"

constructor(firstName:string,lastName:string){
this.firstName = firstName
this.lastName = lastName

}

static say(){
console.log("加油学vue，不要轻易放弃")
}
}

//类名使用静态变量
console.log(Person.name1)

Person.say()

})()

二、TypeScript静态成员代码转化为JS代码

tsc ./静态.ts -t es5

静态.js代码如下所示：

(function () {
    //静态成员：在类中通过static修饰的属性或者方法，就是静态的属性及静态的方法，也称为静态成员
    //静态成员在使用的时候通过类名来调用
    var Person = /** @class */ (function () {
        function Person(firstName, lastName) {
            this.firstName = firstName;
            this.lastName = lastName;
        }
        Person.say = function () {
            console.log("加油学vue，不要轻易放弃");
        };
        Person.name1 = "犬夜叉";
        return Person;
    }());
    //类名使用静态变量
    console.log(Person.name1);
    Person.say();
})();

三、查看js代码输出

node ./静态.js
犬夜叉
加油学vue，不要轻易放弃