はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

しかし、このUnion型、和訳が全然統一されていません。 対となるIntersection型の和訳は交差型で統一されているにも関わらず、 jsStudioによる公式ドキュメントの和訳だと共用体型、Qiitaの記事でも合併型、直和型など色々使われていますし、TypeScriptDeepDiveの日本語版だとintersection型は交差型と訳しているのにUnion型はユニオン型とカタカナです。 何でこういうことになるのでしょうか？ 共用体派と集合派 基本的に、「共用体」を使う派と集合における「和集合」として訳す派に分かれます。 共用体 プログラミングのContextにおいて、Union型という名前で最も有名なものはC,C++におけるUnion型です。 これの訳語は共用体で固まっているので、これを当てたものと思われます。 共用体（きょうようたい、英: union）は、プログラミング言語におけ

Reactでオブジェクトを丸ごとPropsとしてComponentとして渡したい時に、スプレッド構文を良く使います。 <HogeComponent {...hogeProps}/>　//hoge propsのkeyとvalueをkey={value}の形でpropsとして展開する これ、よく使いはしていたのですが今まで気持ち悪いなぁと思って使っていました。 普通にpropsを書くならXMLに属性を与えるのと同じですが、key=valueの形ではなくスプレッド演算子を書くという見た目に正直気持ち悪さを感じていました。 JSXはテンプレートではない ただ、この気持ち悪さは「JSXはHTMLテンプレートの類だ」という思い込みによるものでした。 (Reactより先にVueを触っていたのでそのバイアスがかかっていたようです) 実際は、JSXはJSX is an XML-like syntax ext

ES6で導入されたアロー関数式は従来のfunction式の代替構文ではあるものの、純粋な糖衣構文ではありません。 特にthisの扱いが異なることは有名です。 具体的にどう違うのかと言うと、アロー関数のthisは宣言時のスコープにおけるthis固定である一方、function式におけるthisは呼ばれ方によって決まります。 加えてアロー関数のthisはapplyやcallで上書きすることは出来ませんし、bindで新しい関数を作っても上書きされません。 「アロー関数はthisを束縛しない」 この特徴に対し、「アロー関数はthisを束縛しない」という説明がよくされています。 が、この文言よく意味が分かりません。 字面やthisの動きだけ見ると、アロー関数の方がthisの値が変わらないわけでより値を束縛してそうに見えます。 出所と原文 おそらく、この文言の出所はMDNかと思われます。 アロー関数式