ts实战系列六：class和enums

最新推荐文章于 2024-07-10 21:42:16 发布

完美句号

最新推荐文章于 2024-07-10 21:42:16 发布

阅读量396

点赞数 7

文章标签： javascript 前端开发语言系统架构软件工程性能优化架构

本文链接：https://blog.csdn.net/wanmeijuhao/article/details/135328650

版权

本文介绍了ES6中使用类实现继承的方法，以及内联和常量枚举的区别，包括它们的示例、语法和编译后的代码特点。

摘要由CSDN通过智能技术生成

7. class:

①. 在构造函数和原型链来实现继承的,es6有了class(内部还是原型链实现).

②. 修饰符:public

③. class Animal {
        readyonly name: string,
        static categorys: string[] = ['a', 'b'];
        constructor(name: string) {
            this.name = name;
        }
    }

8. enums:

(1). 内联枚举:

①. 举例:
    enum Dir {
        Up,
        Down,
        Left,
        Rigth,
    }
    Dir.Up    // 0
    Dir[0]    // Up

②. 编译后的代码:
   (function (Dir) {
        Dir[Dir["up"] = 0] = "Up";
        Dir[Dir["up"] = 1] = "Down";
        Dir[Dir["up"] = 2] = "Left";
        Dir[Dir["up"] = 3] = "Right";
    })(Dir || (Dir = {}));

③. 代码量有点多.

(2). 常量枚举:

①. 举例:
    const enum Dir {
        Up = 'UP',
        Down = 'DOWN',
        Left = 'LEFT',
        Rigth = 'RIGTH',
    }
    const value = 'UP'
    if (value === Dir.Up) {
        console.log('go');
    }

②. 编译后的代码:
    var value = 'UP';
    if (value === 'UP') {
        console.log('go')
    }