web-dev-qa-db-ja.com

ES6`this`による割り当ての破棄

以下のコードは機能します。可能であればワンライナーでももっと便利な方法はありますか？

const { nextUrl, posts } = await postService.getCommunityPosts(6);
this.communityPosts = posts;
this.nextUrl = nextUrl;

構造化されていないプロパティにエイリアスを付けることについては知っていますが、この場合は役に立たないと思います。 [〜＃〜] mdn [〜＃〜] その場合については何も言いません。

javascriptecmascript-6variable-assignmentdestructuring
15
sandrooco

エイリアスを指定し、割り当てを括弧で囲むことにより、既存のオブジェクトのプロパティに割り当てることができます（ codepenを待つ ）。

const demo = { nextUrl: 'nextUrl', posts: 'posts' };

const target = {}; // replace target with this

({ nextUrl: target.nextUrl, posts: target.communityPosts } = demo);

console.log(target);
14
Ori Drori
function Person() {
  this.obj = {
    firstName: 'Dav',
    lastName: 'P'
  };

  ({firstName: this.firstName, lastName: this.lastName} = this.obj);
}

let p = new Person();

console.log(p);
4
pioro90