代码之家 › 专栏 › 技术社区 › Roy G

如何对类方法进行多次内联(链式调用)JavaScript es6调用

es6-class ecmascript-6 javascript

Roy G · 技术社区 · 8 年前

我尝试逐个内联调用类的方法,但第二个方法未定义。

如何在ES6类中实现此模式?

await new Mail().attachments(files).send()

邮件.js

export class Mail{

    constructor(){
      this.mail =  {
         *********
         ********* 
      };
    }


    attachments(files){
      *********
      ********* 
    }

    async send(){
        try{
            return await sendmail(this.mail, function(err) {
                if(err){
                    return false
                };
                return true;
            });
        }catch(e){
            throw e;
        }


    }
}

1 回复 | 直到 8 年前

CertainPerformance 8 年前

你要确定 attachments 以结束 return this 为了在它之后链接方法:

const sendmail = () => new Promise(res => setTimeout(res, 1000));
class Mail {
  constructor() {
    this.mail = 'mail';
  }
  attachments(files) {
    console.log('adding attachments');
    return this;
  }
  async send() {
    console.log('sending...');
    return sendmail(this.mail);
  }
}
(async() => {
  console.log('start');
  const files = 'files';
  await new Mail().attachments(files).send()
  console.log('end');
})();

每当您想定义一个要链接的方法时,都要遵循相同的模式- 把这个还给我 以返回实例化的对象。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前