【TypeScript】カリー化・部分適用は便利だよ！ - Qiita
【TypeScript】カリー化・部分適用は便利だよ！ カリー化・部分適用利用してますか？ 調べたけど「関数を第一級オブジェクトとしてー」とか「関数を部分適用してー」とか説明が講義っぽくて途中で諦めた方も多いと思います。自分もそうでした。 また、知ってるけどどんな時に使うべきか迷って使ってないという方もいると思います。 具体的なコードを交えながら、カリー化・部分適用について、噛み砕いて説明していきたいと思います。 なお、すべてのTypeScriptのサンプルコードは実際に動かして確認することができますので、TypeScript Playgroundなどで是非お試しください。 カリー化と部分適用 まずはカリー化と部分適用の定義をば。 カリー化 (currying, カリー化された=curried) とは、複数の引数をとる関数を、引数が「もとの関数の最初の引数」で戻り値が「もとの関数の残りの引
jestでもDataProviderが使いたい！
はじめに jestのテストを書いているうちに、ケースが増えてきて見づらくなってしまったのでPHPUnitのDataProvider的なのを書けないか調べたところあったので備忘録として残しておきます。 テスト対象の関数 下記のような足し算をする関数があるとします。ではこの関数のテストを書いてみましょう！ export const addition = ( firstNumber: number, secondNumber: number ): number => { return firstNumber + secondNumber; }; よく書く書き方 test.eachを使う場合はおそらくこういった書き方をすると思います。 しかしこの渡している配列郡をパット見て、どれが何のパラメーターか分かりづらいですよね... そこで今回はPHPUnitのDataProviderみたいな形で書き直し
Node.js + TypeScriptのモジュールを整理してみる
はじめにlink 最近受けるNode.js + TypeScript環境の相談の中で、CommonJSやECMAScript Modulesのあたりで落とし穴にはまっている人が多いという事に気づいた。 Node.jsは歴史的にCommonJSとECMAScript Modules（以後ESMと表記）がどうしても入り乱れる環境にあり、これにTypeScriptのモジュールが加わると組み合わせでさらに複雑度が増すのが現状である。 説明する際に口頭より整理した文章が欲しいと思ったので記事にする。 以下のリポジトリで検証コードを管理している。 https://github.com/koh110/module_test Node.jsモジュールチェックシートlink まず最初にNode.jsにおけるCommonJSとESMの挙動について整理する。 いきなり書かれても把握できないかもしれないが、一旦こ
動的にプロパティ名を設定できるようになりました。（現代的JavaScriptおれおれアドベントカレンダー2017 – 07日目） | Ginpen.com
現代的JavaScriptおれおれアドベントカレンダー2017 – 07日目 概要 オブジェクト定義時に、プロパティ名に変数を使えるようになりました。 今までこう↓分けて書かなくちゃいけなかったのを、 const id = '12345'; const obj = {}; obj[id] = { name: 'Newcomer!' }, console.log(obj[id]);
シャローコピー(shallow copy)とディープコピー(deep copy)の違い | nansystem
変更前後の値を比較する際に、ディープコピーが使われる。 例えば、商品の管理画面を作成しているとする。 商品名や説明、金額を変更できるが、管理画面を使っている人は変更前はどんな値だったか確認しながら変更したいと思う。変更前の値と変更後の値を比較するには、変更前の値をどこかに保持しておかねばならない。そこでディープコピーが使われる。 ここでシャローコピーを使うと、新たに入力された値が、コピーしておいた値も変更してしまうことになる。 この記事ではObject.assignでのシャローコピーと、JSON.parse(JSON.stringify(obj))でのディープコピー、lodashのcloneDeepでのディープコピーを比較する。 # シャローコピーとディープコピーの違い シャローコピー(浅いコピー)はプリミティブ値(文字列、数値、真偽値、null、undefined、Symbol)をコピー
【JavaScript】オブジェクトのディープコピーが標準機能で使えるようになりました
はじめに 個人的にずっと待ちわびてた機能がついに標準搭載されました。 オブジェクトのディープコピーを行ってくれる structuredClone です。 今回はこのメソッドがどんな恩恵をもたらしてくれたのか、またできることできないことをサンプルで確認しながら解説していきます。 シャローコピーとディープコピー まずは、タイトルにも書いてるディープコピーについて理解が必要なので簡単に解説します。 対比であるシャローコピーも交えて比較しながら挙動を確認してみます。 シャローコピー シャローコピーは名前通り浅い(shallow)コピーです。具体的に JavaScript では 1 階層までコピーするという意味で使われます。 シャローコピーのやり方は以下です。 const obj = { a: "a", b: { bb: "bb", }, }; // やり方1 スプレッド構文でのコピー const
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
