こういうの
const val = new A()
.method1()
.method2() // ← flag が true のときだけ追加したい
.method3()
ライブラリによっては考慮されていて チェイン内で分岐できるようなメソッドがあったりします
しかし分岐したいなら変数にいれて if を使ってというスタンスのライブラリもあります
そうするとメソッドチェインできれいに書けるメリットが失われます
JavaScript の機能が増えてきているといってもやっぱりこういうのはいい方法がないです
ありがちなのがラップして独自の分岐メソッドを追加する方法
const val = $(new A())
.method1()
.$(flag, $ => $.method2())
.method3()
.unwrap()
しかし method1 などはラップしたオブジェクトが持っていないので Proxy が必要になります
また最後にアンラップして中身を取り出さないといけないです
このタイプは過去何度か作ってみても 利便性のいまいちさや Proxy に抵抗があって実際には使ってないのですよね
全てのオブジェクトにメソッドを追加する prototype 拡張がもっとシンプルになるのですが prototype 拡張は積極的に使うのはどうかなというところです
特に全てに影響する Object.prototype ですし
ただ キーがシンボルなら 影響はほぼなさそうですし ありなのかなと思ったり
const val = new A()
.method1()
[chain_if](flag,
$ => $.method2(),
)
.method3()
チェインの記法がちょっと変わるのが専用構文ぽくて ひとつ上の例よりは好きかもしれないです
動かす用のサンプル
Object.prototype[Symbol.for("if")] = function(cond, fn) {
if (cond) {
return fn(this)
} else {
return this
}
}
class A {
arr = []
method1() {
this.arr.push(1)
return this
}
method2() {
this.arr.push(2)
return this
}
method3() {
this.arr.push(3)
return this
}
}
const flag = true // or false
const val = new A()
.method1()
[Symbol.for("if")](flag,
$ => $.method2(),
)
.method3()
console.log(val)