JavaScriptを読んでいてたまに出てくる唐突な二つの括弧の意味

Question

お世話になります、他人が作ったJavaScriptを見ていると
唐突に謎の書き方が出てきますが言語化が難しく調べるのが難しいものがあります

その一つが以下のソースなのですが

TextEditor.prototype.createElements = function () {
  this.TEXTAREA = document.createElement('TEXTAREA');
  this.TEXTAREA.tabIndex = -1;
  (0, _element.addClass)(this.TEXTAREA, 'handsontableInput');
  this.textareaStyle = this.TEXTAREA.style;
  this.textareaStyle.width = 0;
  this.textareaStyle.height = 0;
  this.TEXTAREA_PARENT = document.createElement('DIV');
  (0, _element.addClass)(this.TEXTAREA_PARENT, 'handsontableInputHolder');
  this.textareaParentStyle = this.TEXTAREA_PARENT.style;
  this.textareaParentStyle.zIndex = '-1';
  this.TEXTAREA_PARENT.appendChild(this.TEXTAREA);
  this.instance.rootElement.appendChild(this.TEXTAREA_PARENT);
};

お行儀のよい右辺左辺の読みやすいコードだなと思っていたら、、
この途中ででてくる二つの括弧はなにを意味しているのでしょうか

(0, _element.addClass)(this.TEXTAREA, 'handsontableInput');

代入なの？関数なの？まったく意味が分かりません
関係ないですが、JavaScriptってトリッキーな書き方がかっこいいみたいな風潮ないですかね？

すみません、それは置いといて
それは即時関数だよとか可変変数だよとか調べるためのヒントだけでも構いません
ベテランの方お教えいただけますと幸いです

Answer 1

この途中ででてくる二つの括弧はなにを意味しているのでしょうか

thisをずらすための関数の呼び方です。

ふつうに_element.addClass(this.TEXTAREA, 'handsontableInput')と書けば、addClassの中でのthisは_elementとなりますが、いったん別な式を経由して呼び出すとthisはnullもしくはグローバルとなります。

もっとも、evalをこの呼び方で呼ぶことで特殊な効果を得る場面を除けば、手で書くことはそう多くないかなと思います（コード変換などで意図しないうちにthisが割り振られるのを防ぐために、このように変換されることはあります）。

Comments

[m.ts10806]

勉強になった

[shinji709]

babelの変換結果で目撃することがありますね。以下の記事も勉強になりました。
https://2ality.com/2015/12/references.html

[tesopgmh]

めちゃくちゃ勉強になりました、ありがとうございます

[gomo]

長年JS書いてるけど初めて見ました。ありがとうございます。

Grouping operatorとComma Operatorの組み合わせと言うことになるのかな？
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Grouping
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comma_Operator