MathJaxをデバッグしてJavaScriptの理解を深めるページ3 - 版の履歴

Yo-net: /* ページ */

2022-12-07T09:28:09Z

ページ

← 古い版		2022年12月7日 (水) 18:28時点における版
799行目:		799行目:
	=== ページ ===		=== ページ ===
	*[[MathJaxをデバッグしてJavaScriptの理解を深める]]		*[[MathJaxをデバッグしてJavaScriptの理解を深める]]
	*[[MathJaxをデバッグしてJavaScriptの理解を深めるページ2]]		*前：[[MathJaxをデバッグしてJavaScriptの理解を深めるページ2]]
	*[[MathJaxをデバッグしてJavaScriptの理解を深めるページ4]]		*次：[[MathJaxをデバッグしてJavaScriptの理解を深めるページ4]]

Yo-net: /* t.prototype.requirementSatisfied */

2022-12-07T09:23:19Z

t.prototype.requirementSatisfied

← 古い版		2022年12月7日 (水) 18:23時点における版
784行目:		784行目:
	===== t.prototype.requirementSatisfied =====		===== t.prototype.requirementSatisfied =====
	[[MathJaxをデバッグしてJavaScriptの理解を深める_ページ3#t.prototype.loaded\|t.prototype.loaded]]で説明されてる動きです。		[[MathJaxをデバッグしてJavaScriptの理解を深める_ページ3#t.prototype.loaded\|t.prototype.loaded]]で説明されてる動きです。

Yo-net: /* t.prototype.loaded */

2022-12-07T09:22:37Z

t.prototype.loaded

← 古い版		2022年12月7日 (水) 18:22時点における版
774行目:		774行目:

	ふむ、あれかな、Loadedだから読み込み終わったってことで、Promise で実行するオブジェクトも一つ減るので、this.dependencyCount--で一つ減らしたり、this.canLoad && this.load() のようにLoadできるならLoadしようとする処理が入っているような。ともかく最初は、core やら loader とか startup のようなものを処理順序制御をしながら実行している感じが続いてるような気がするね。実に細かい。同じようなことを何回も繰り返してる。処理手順を短くする速さやメモリの消費を抑えようという感じがあまりしないけど、めんどくさいことをしっかりやって着実に準備、という感じだな。		ふむ、あれかな、Loadedだから読み込み終わったってことで、Promise で実行するオブジェクトも一つ減るので、this.dependencyCount--で一つ減らしたり、this.canLoad && this.load() のようにLoadできるならLoadしようとする処理が入っているような。ともかく最初は、core やら loader とか startup のようなものを処理順序制御をしながら実行している感じが続いてるような気がするね。実に細かい。同じようなことを何回も繰り返してる。処理手順を短くする速さやメモリの消費を抑えようという感じがあまりしないけど、めんどくさいことをしっかりやって着実に準備、という感じだな。

Yo-net: /* t.prototype.checkNoLoad */

2022-12-07T09:22:11Z

t.prototype.checkNoLoad

← 古い版		2022年12月7日 (水) 18:22時点における版
793行目:		793行目:

	===== t.prototype.checkNoLoad =====		===== t.prototype.checkNoLoad =====
			[[MathJaxをデバッグしてJavaScriptの理解を深める_ページ3#t.prototype.makePromise\|t.prototype.makePromise]]で説明されてる動きです。

Yo-net: /* t.prototype.addDependent */

2022-12-07T09:21:42Z

t.prototype.addDependent

← 古い版		2022年12月7日 (水) 18:21時点における版
788行目:		788行目:

	===== t.prototype.addDependent =====		===== t.prototype.addDependent =====
			[[MathJaxをデバッグしてJavaScriptの理解を深める_ページ3#t.prototype.makePromise\|t.prototype.makePromise]]で説明されてる動きです。

Yo-net: /* t.prototype.makeDependencies */

2022-12-07T09:19:58Z

t.prototype.makeDependencies

← 古い版		2022年12月7日 (水) 18:19時点における版
639行目:		639行目:
	</syntaxhighlight>		</syntaxhighlight>
	t.packages は {0 : {key: 'loader', value: {name: t, isLoader = false, isLoading = false, hasFailed = false}} のような値です。this.noLoad = true, this.name = 'loader'で、l.CONFIG.dependencies.hasOwnProperty(u = 'loader')はflaseなのでloaderというメンバは定義されていません。"core" !== u && p.push("core"); が実行され、u=loaderのときは p に coreという配列値がプッシュされます。t.packages → o の core がメンバにあるか確認して undefined なので new t('core' , true) の処理結果が m に 'core' が格納される。'core' の処理順序制御についての構造が生成される。Dependents 配列に 'core' があるかを確認し、あれば 0 以上が返ってくるので、なければ -1 で論理演算の積の 0 が出てくるまで処理をすすめる仕組みを利用して次の処理をする。addDependent(this, true) 、 this.dependencies.push('core')、 m.isLoaded = false なので this.dependencyCount++ で増加させて、 n.push(m.promise) で n に Promise を配列に追加。n は戻り値なので、この関数は Promise の配列追加処理が主な役割ということになりそうです。こういった処理を makeDependencies と言っているようです。		t.packages は {0 : {key: 'loader', value: {name: t, isLoader = false, isLoading = false, hasFailed = false}} のような値です。this.noLoad = true, this.name = 'loader'で、l.CONFIG.dependencies.hasOwnProperty(u = 'loader')はflaseなのでloaderというメンバは定義されていません。"core" !== u && p.push("core"); が実行され、u=loaderのときは p に coreという配列値がプッシュされます。t.packages → o の core がメンバにあるか確認して undefined なので new t('core' , true) の処理結果が m に 'core' が格納される。'core' の処理順序制御についての構造が生成される。Dependents 配列に 'core' があるかを確認し、あれば 0 以上が返ってくるので、なければ -1 で論理演算の積の 0 が出てくるまで処理をすすめる仕組みを利用して次の処理をする。addDependent(this, true) 、 this.dependencies.push('core')、 m.isLoaded = false なので this.dependencyCount++ で増加させて、 n.push(m.promise) で n に Promise を配列に追加。n は戻り値なので、この関数は Promise の配列追加処理が主な役割ということになりそうです。こういった処理を makeDependencies と言っているようです。


			addDependent は以下のようなものです。dependentsメンバ変数の配列に this オブジェクトを登録するような処理です。


			<syntaxhighlight lang="javascript">
			t.prototype.addDependent = function(t, e) {
			this.dependents.push(t), e \|\| this.checkNoLoad()
			}
			</syntaxhighlight>


			配列への追加が完了すると this.checkNoLoad() 関数を実行します。


			checkNoLoad は以下のようなものです。


			<syntaxhighlight lang="javascript">
			t.prototype.checkNoLoad = function() {
			var t, e;
			if(this.noLoad) {
			this.noLoad = !1;
			try {
			for(var r = i(this.dependencies), n = r.next(); !n.done; n = r.next()) {
			n.value.checkNoLoad()
			}
			}
			catch(e) { t = { error: e } }
			finally {
			try {
			n && !n.done && (e = r.return) && e.call(r)
			}
			finally { if(t) throw t.error }
			}
			}
			}
			</syntaxhighlight>

			呼び出し元の処理順序制御構造オブジェクトの noLoad を再帰的に false にしていく関数です。

Yo-net: /* t.prototype.failed */

2022-12-07T09:08:15Z

t.prototype.failed

← 古い版		2022年12月7日 (水) 18:08時点における版
739行目:		739行目:

	===== t.prototype.failed =====		===== t.prototype.failed =====
			今回の例では呼ばれない関数になっています。

Yo-net: /* t.prototype.requirementSatisfied */

2022-12-07T09:00:45Z

t.prototype.requirementSatisfied

← 古い版		2022年12月7日 (水) 18:00時点における版
743行目:		743行目:

	===== t.prototype.requirementSatisfied =====		===== t.prototype.requirementSatisfied =====
	[[MathJaxをデバッグしてJavaScriptの理解を深める_ページ3#t.loaded\|t.loaded]]で説明されてる動きです。		[[MathJaxをデバッグしてJavaScriptの理解を深める_ページ3#t.prototype.loaded\|t.prototype.loaded]]で説明されてる動きです。

Yo-net: /* t.prototype.requirementSatisfied */

2022-12-07T08:59:37Z

t.prototype.requirementSatisfied

← 古い版		2022年12月7日 (水) 17:59時点における版
743行目:		743行目:

	===== t.prototype.requirementSatisfied =====		===== t.prototype.requirementSatisfied =====
			[[MathJaxをデバッグしてJavaScriptの理解を深める_ページ3#t.loaded\|t.loaded]]で説明されてる動きです。

Yo-net: /* t.prototype.loaded */

2022-12-07T08:58:06Z

t.prototype.loaded

← 古い版		2022年12月7日 (水) 17:58時点における版
694行目:		694行目:

	===== t.prototype.loaded =====		===== t.prototype.loaded =====
			以下のような関数です。
			<syntaxhighlight lang="javascript">
			t.prototype.loaded = function() {
			var t, e, r, n;
			this.isLoaded = !0, this.isLoading = !1;
			try {
			for(var o = i(this.dependents), s = o.next(); !s.done; s = o.next()) {
			s.value.requirementSatisfied()
			}
			}
			catch(e) { t = {error: e } }
			finally {
			try { s && !s.done && (e = o.return) && e.call(o) }
			finally { if(t) throw t.error } }
			try {
			for(var a = i(this.provided), l = a.next(); !l.done; l = a.next()) {
			l.value.loaded()
			}
			}
			catch(t) { r = { error: t } }
			finally {
			try { l && !l.done && (n = a.return) && n.call(a) }
			finally { if(r) throw r.error }
			}
			this.resolve(this.name)
			}
			</syntaxhighlight>
			まず状態フラグの this.isLoaded = true, this.isLoading = false を設定します。最終的に this.resolve('loader') → this.resolve('startup') → this.resolve('core') のような関数を呼び出して処理を終えます。core のときだけthis.dependentsの値が 1: {… name:'loader' …} 2: {… name:'startup' …} という値を持っているためs.value.requirementSatisfied()が実行されます。


			以下のような関数です。

			<syntaxhighlight lang="javascript">
			t.prototype.requirementSatisfied = function() {
			this.dependencyCount && (this.dependencyCount--, this.canLoad && this.load())
			}
			</syntaxhighlight>


			ふむ、あれかな、Loadedだから読み込み終わったってことで、Promise で実行するオブジェクトも一つ減るので、this.dependencyCount--で一つ減らしたり、this.canLoad && this.load() のようにLoadできるならLoadしようとする処理が入っているような。ともかく最初は、core やら loader とか startup のようなものを処理順序制御をしながら実行している感じが続いてるような気がするね。実に細かい。同じようなことを何回も繰り返してる。処理手順を短くする速さやメモリの消費を抑えようという感じがあまりしないけど、めんどくさいことをしっかりやって着実に準備、という感じだな。

MathJaxをデバッグしてJavaScriptの理解を深める ページ3 - 版の履歴

Yo-net: /* ページ */

Yo-net: /* t.prototype.requirementSatisfied */

Yo-net: /* t.prototype.loaded */

Yo-net: /* t.prototype.checkNoLoad */

Yo-net: /* t.prototype.addDependent */

Yo-net: /* t.prototype.makeDependencies */

Yo-net: /* t.prototype.failed */

Yo-net: /* t.prototype.requirementSatisfied */

Yo-net: /* t.prototype.requirementSatisfied */

Yo-net: /* t.prototype.loaded */

MathJaxをデバッグしてJavaScriptの理解を深めるページ3 - 版の履歴