从C#到TypeScript - 类

从C#到TypeScript - 类

在ES6之前Javascript的类都是用function定义的,ES6把类关键字正式加进来,虽说其实也还是function,不过代码可读性上好了不少。 TypeScript同样支持class,并且和C#也非常相似,下面来看看:

同C#一样,由构造函数,属性,方法组成,属性和方法有三个级别的访问权限:private, protected, public,比C#少个internal。 不过不同的是C#类的成员默认是private,而TypeScript默认是public。 在类里面所有成员都必须用this来访问。

class User{
    constructor(name: string, pwd: string){
        this.name = name;
        this.pwd = pwd;
    }

    name: string;
    private pwd: string;

    checkLogin(): boolean{
        return this.name === 'brook' && this.pwd === '123';
    }
}

let u: User = new User('brook', '123');
console.info(u.checkLogin()); // true

u.name = 'test';
console.info(u.checkLogin()); // false

参数属性

上面的User类有两个成员,而且都是从构造函数赋值的,也就是其实构造函数的参数就是类的成员,这就是参数属性。 类里面的那两个属性其实可以不用写,只要在构造函数的参数上加上操作限定符,TypeScript就会自动为参数生成属性,来重构下上面的User

class User{
    constructor(public name: string, private pwd: string){ }

    checkLogin(): boolean{
        return this.name === 'brook' && this.pwd === '123';
    }
}

getter/setter

同样,也有存取器,不过语法和C#不太一样,写起来稍麻烦些。 只有get的时候也就变成只读属性了。

class User{
    private _name: string;

    get name(): string{
        return this._name;
    }

    set name(name: string){
        this._name = name;
    }
}

静态属性和方法

上面说的都是实例成员,TypeScript也支持静态成员,不用实例化,而是通过类名来访问。

class User{
    static permission = 'user';

    static setPermission(p: string){
        User.permission = p;
    }
}

console.info(User.permission); // user

User.setPermission('admin');
console.info(User.permission); // admin

也同时支持staticreadonly,不过static要放在前面,这样可以实现单例模式。

class User{
    
    static readonly instance = new User();

    private constructor(){}

    checkLogin(name: string, pwd: string): boolean{
        return name === 'brook' && pwd === '123';
    }
}

console.info(User.instance.checkLogin('brook', '123'));

抽象类

这点和C#一样,都可以用抽象类来把有共同行为抽象出来,关键字都是abstract。 不能实例化,可以包含实现,abstract标识的方法,继承类必须实现。 但没有virtual关键字,不过和Java一样,可以认为是天生虚函数,也不需要override,直接覆盖也能支持多态。 继承类里要调用父类的函数需要用super关键字。

abstract class User{
    name: string;
    pwd: string;

    abstract checkLogin(): boolean;
    
    checkName(): boolean {
        return this.name.indexOf('.') < 0;
    }
}

class Admin extends User {
    checkLogin(): boolean {  // 必须实现的抽象方法
        return this.checkName();  
    }

    checkName(): boolean {  // 这里会把User里的checkName覆盖掉
        return true && super.checkName();
    }
}

let user: User;
user = new Admin(); 
user.name = 'brook.shi';
console.info(user.checkLogin()); // 同样有多态,checkLogin里调用的是Admin的checkName

另外,继承时还需要注意,如果派生类里有构造函数,则构造函数必须要调用父类的构造函数:super()

兼容性

TypeScript里的类是有兼容性的,这点和C#很不一样,TypeScript认为:只有成员的类型是兼容的,那它们的类型也是兼容的。 不过成员的兼容对于public很宽容,完全不相干的类如果全是public的成员,并且一致就认为是兼容的。 但对于privateprotected则只有是继承的才会被认可为兼容。

class Test1{
    name: string;
    pwd: string;

    checkName(): boolean{
        return true;
    }
}


class Test2{
    name: string;
    pwd: string;

    checkName(): boolean{
        return false;
    }
}

let t: Test1 = new Test2();
console.info(t.checkName());  // false

如果给上面的TestTest2各加一个private email: string;,结果是编译不了,因为它们并不是继承关系,也就兼容不了。

泛型

同接口一样支持泛型,用法也一样,可以参考接口泛型。

interface Testable<T> {
    field: T;
    method(arg: T): T;
}

class Test<T> implements Testable<T>{
    field: T;
    method(arg: T): T{
        console.info(`arg is ${typeof arg}`);
        return null;
    }
}

let test11 = new Test<string>();
test11.method('method');  // arg is string
test11.method(123); // error, 123 is not string

总的来说,TypeScript的类和C#或Java可以说十分相似,除了兼容性基本上没有什么新的东西,不过对于JavaScript来说却是一大进步了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Python爱好者

Python高效编程(一)

2329
来自专栏coder修行路

Go 处理yaml类型的配置文件

先说一下,这里用到了很多关于反射类型的功能,可能刚开始看代码,如果对反射不熟悉的可能会不是非常清晰,但是同时也是为了更好的理解golang中的反射,同时如果后面...

2010
来自专栏Golang语言社区

go语言中的数组切片:特立独行的可变数组

初看go语言中的slice,觉得是可变数组的一种很不错的实现,直接在语言语法的层面支持,操作方面比起java中的ArrayList方便了许多。但是在使用了一段时...

3504
来自专栏java思维导图

总结:JDK1.5-JDK1.8各个新特性

作者:iwen-J | 链接:https://my.oschina.net/zhuqingbo0501/blog/1784693 JDK各个版本的新特性 以...

6587
来自专栏Crossin的编程教室

【编程课堂】文本包装 textwrap

欢迎回到编程课堂,本周我们将了解一个与文字处理相关的模块—— textwrap,依照惯例,此处应该有一思考题: 现在有一文本文件 ‘abc.txt’,有 100...

34510
来自专栏程序猿DD

JDK 1.5 - 1.8 各版本的新特性总结

此文章意在借鉴前人经验,留作日后查看。如有侵犯,实属无意。我以后会注意,谢谢博友的提醒。也愿各大博友们能够共同学习和努力。

7266
来自专栏Jackson0714

PHP内核之旅-3.变量

1554
来自专栏听雨堂

获得定长字符串

        C#中的字符串是Unicode编码,length是Unicode的Char的个数。所以,假如一个字符串中中英文混杂,又想获得一个固定宽度的字符串...

2486
来自专栏coder修行路

Go 处理yaml类型的配置文件

6584
来自专栏小灰灰

SPI框架实现之旅二:整体设计

SPI框架实现之旅二:整体设计 上一篇简单的说了一下spi相关的东西, 接下来我们准备开动,本篇博文主要集中在一些术语,使用规范的约定和使用方式 设计思路 下...

3538

扫码关注云+社区

领取腾讯云代金券