我试图在twing 5中使用这个javascript类,twing 5是twing模板语言的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属性类作为twi(n)g函数之一。
twing 5切换到异步方法,其中所有函数都需要返回已解析的promise对象,如下所示:
const createAttribute = new TwingFunction('create_attribute', () =>
return Promise.resolve(new drupalAttribute()),
);
这对我不管用,那个 create_attribute
函数被找到,但函数没有输出属性,如果我在 constructor
方法无法访问它。
twig的早期版本(例如版本2)是同步的,在该版本中,以下twig功能工作正常,没有其他更改:
const createAttribute = new TwingFunction('create_attribute', function() {
return new drupalAttribute();
});
对我来说,唯一的区别似乎是使用 Promise.resolve(new drupalAttribute())
而不是 return new drupalAttribute()
. 我做错什么了吗?我不太了解类和承诺是如何交互的,我想知道解析而不是返回类是否会在类周围添加一个额外的层,从而阻止它的可用性?
暂无答案!
目前还没有任何答案,快来回答吧!