JavaScript中如何通过Promise.resolve返回一个类的新实例可以被其他代码正常使用

问题描述

我正在尝试在 this JavaScript class 中使用 Twing 5，它是 Twig 模板语言的 JavaScript 实现：

class DrupalAttribute extends Map {
  constructor(it) {
    super(it);
  }

  /**
   * @param {...String|Array} args
   * @returns {DrupalAttribute}
   */
  addClass(args) {
    let self = this;
    let values = [];

    for (let i = 0; i < arguments.length; i++) {
      values.push(arguments[i]);
    }

    values.forEach(function (value) {
      if (!Array.isArray(value)) {
        value = [value];
      }

      if (!self.has('class')) {
        self.setAttribute('class',[]);
      }

      let classes = self.get('class');

      value.forEach(function (d) {
        if (classes.indexOf(d) < 0) {
          classes.push(d);
        }
      });
    });

    return this;
  }

  removeClass(value) {
    let classes = [];

    if (this.has('class')) {
      classes = this.get('class');
    }

    if (!Array.isArray(value)) {
      value = [value];
    }

    value.forEach(function (v) {
      let index = classes.indexOf(v);

      if (index > -1) {
        classes.splice(index,1);
      }
    });

    return this;
  }

  hasClass(value) {
    let classes = [];

    if (this.has('class')) {
      classes = this.get('class');
    }

    return (classes.indexOf(value) > -1);
  }

  setAttribute(key,value) {
    this.set(key,value);

    return this;
  }

  removeAttribute(key) {
    this.delete(key);

    return this;
  }

  toString() {
    let result = '';
    let components = [];

    this.forEach(function (value,key) {
      if (Array.isArray(value)) {
        value = value.join(' ');
      }

      components.push([key,'"' + value + '"'].join('='));
    });

    let rendered = components.join(' ');

    if (rendered) {
      result += ' ' + rendered;
    }

    return result;
  }
}

module.exports = DrupalAttribute;

Twing（和 Twig）允许我们定义自己的自定义函数，我正在尝试使用 drupal-attribute class 作为这些 Twi(n)g 函数之一。

Twing 5 切换到异步方法，其中所有函数都需要返回已解析的 Promise 对象，如下所示：

const createAttribute = new TwingFunction('create_attribute',() =>
  return Promise.resolve(new drupalAttribute()),);

这对我不起作用，找到了 create_attribute 函数，但该函数没有输出任何属性，如果我在 constructor 方法中放置断点，则无法到达。

Twig 的早期版本（例如版本 2）是同步的，在那个版本中，下面的 Twing 函数完美运行，没有其他变化：

const createAttribute = new TwingFunction('create_attribute',function() {
  return new drupalAttribute();
});

对我来说，唯一的区别似乎是使用了 Promise.resolve(new drupalAttribute()) 而不是 return new drupalAttribute()。我在这里做错了吗？我不太了解类和 Promise 是如何交互的，我想知道解析而不是返回类是否会在类周围添加一个额外的层，使其无法使用？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）