関数を返す関数を作りたいが、返された関数間でレキシカル環境を共有させたい

Question

実現したいこと

JavaScriptで関数を返す関数を作りたいのですが、そのとき返された関数間で参照する変数を共有させたいです。

const factory = function(x) {
	const heavyData = 大きめのデータ;
	if (x) {
		return function() {
			//heavyDataを使った処理
		}
	} else {
		return function() {
			//heavyDataを使った別の処理
		}
	}
}

このように関数を返す関数factoryがあって、

const func1 = factory(true);
const func2 = factory(false);
func1();
func2();

のようにして関数func1とfunc2を作って実行したとき、各クロージャが参照する変数heavyDataは互いに別（独立？）になりますよね？
大きめのデータが文字通り大きめのデータなので、メモリのために同じheavyDataを参照するようにしたいです。
また、heavyDataをグローバルに置くのは避けたいです。

どのようにすれば実現できるでしょうか。

Comments

[takasima20]

heavyData を返す関数を用意するのはあり?

[_kari_]

できればなしにしたいです。
その関数ってグローバルに置くんですか？

Answer 1

class を使う？

class A {
  constructor (heavyData) {
    this.heavyData = heavyData;
    this.n = null;
  }

  func1 (n) {
    let data = this.heavyData;
    this.n = n;
    this.disp (data);
  }

  func2 (n) {
    let data = this.heavyData;
    this.n = n;
    this.disp (data);
  }

  disp (data) {
    console.log (this.n, data);
  }
}


let d = new A ({ text: '超でかいデータ'});
d.func1 (1);
d.func2 (2);

Comments

[think49]

私もclassが良いと思います。

Answer 2

factory自体をクロージャに入れた結果にしてしまう、というのはどうでしょうか？

const factory = (function() {
    const heavyData = 大きめのデータ;

    function func1(){
        //heavyDataを使った処理
    }

    function func2(){
        //heavyDataを使った処理
    }

    return function(x){
        return x ? func1 : func2;
    }
})();

Comments

[_kari_]

ちょっと書き換えて調べてみましたが、この書き方ならたしかに同じheavyDataを参照できてますね。
すみません、どうしてこの場合だと環境が分けられずに済むのか教えていただけますか？
自分なりに調べてみたんですがわからなくて。

[maisumakun]

const heavyDataは、外側の無名関数を実行した1回だけ作られます。

[maisumakun]

そして、factory(true)としたときに実行される関数は、このクロージャの返り値である関数、function(x){以下の関数なのです。

[_kari_]

理解できました。
ありがとうございます。