拥有ES6课程中的私有属性和方法

Question

我只是尝试ES6,并希望将常规javascript中编写的代码部分重写为ES6.现在,我在尝试重写ES6类中的私有属性和方法时遇到困难.似乎ES6中的类没有明确地提供任何私有数据或方法.

此外,我检查了这个线程:JavaScript ES6类中的私有属性,发现我们可以使用WeakMap来存储私有数据.这有点奇怪,但它仍然可以解决.我确实设法将它用于私人数据.

但私人方法怎么样？在ES6类中使用私有方法(甚至是受保护的方法)的推荐方法是什么？

我将不胜感激,如果有人能告诉我一个干净的方式重写使用ES6类的私有方法沿着这部分代码.

谢谢.

这是普通的旧javascript代码:

function Deferred() {

    // Private data
    var isPending;
    var handlers = {
        resolve: [],
        reject: [],
        notify: []
    };

    // Initialize the instance
    init();

    function init() {
        isPending = true;
        this.promise = new Promise(this);
    }

    // Public methods
    this.resolve = function(value) {
        trigger('resolve', value);
    };

    this.reject = function(reason) {
        trigger('reject', reason);
    };

    this.notify = function(value) {
        trigger('notify', value);
    };

    this.on = function(event, handler) {
        ...
    };

    // Private method
    function trigger (event, params) {
        ...
    }
}

Answer 1

似乎ES6中的类没有明确地提供任何私有数据或方法.

正确.该class语法是普通类与原型方法.如果你想要私有变量,你可以像往常一样将它们放在构造函数中:

class Deferred {
    constructor() {
        // initialise private data
        var isPending = true;
        var handlers = {
            resolve: [],
            reject: [],
            notify: []
        };

        // Private method
        function trigger(event, params) {
            ...
        }

        // initialise public properties
        this.promise = new Promise(this);

        // and create privileged methods
        this.resolve = trigger.bind(null, 'resolve');
        this.reject = trigger.bind(null, 'reject');
        this.notify = trigger.bind(null, 'notify');

        this.on = function(event, handler) {
            …
        };
    }
}

Answer 2

您可以使用符号来提供某种私有成员。

const KEY = Symbol( 'key' )
const ANOTHER = Symbol( 'another' )

class Foo {
  constructor() {
    this[ KEY ] = 'private'
  }

  say() {
    console.log( this[ KEY ] )
  }

  [ ANOTHER ] = 'transpilation required'
}

第二个符号是使用类字段添加到类中的，这只是在建议中，需要转译才能在任何地方工作，但其余的在节点和新浏览器中工作。