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

Yo-net: /* ページ */

2022-12-07T09:29:06Z

ページ

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

	=== ページ ===		=== ページ ===
	*[[MathJaxをデバッグしてJavaScriptの理解を深める]]		*前：[[MathJaxをデバッグしてJavaScriptの理解を深める]]
	*[[MathJaxをデバッグしてJavaScriptの理解を深めるページ3]]		*次：[[MathJaxをデバッグしてJavaScriptの理解を深めるページ3]]
	*[[MathJaxをデバッグしてJavaScriptの理解を深めるページ4]]		*[[MathJaxをデバッグしてJavaScriptの理解を深めるページ4]]

2022年12月1日 (木) 08:54にYo-netによる

2022-12-01T08:54:00Z

← 古い版		2022年12月1日 (木) 17:54時点における版
3行目:		3行目:
	[[MathJaxをデバッグしてJavaScriptの理解を深める]]の続きです。		[[MathJaxをデバッグしてJavaScriptの理解を深める]]の続きです。

	[[MathJaxをデバッグしてJavaScriptの理解を深める\|[1]]] [[MathJaxをデバッグしてJavaScriptの理解を深めるページ2\|[2]]] [[MathJaxをデバッグしてJavaScriptの理解を深めるページ3\|[3]]]		[[MathJaxをデバッグしてJavaScriptの理解を深める\|[1]]] [[MathJaxをデバッグしてJavaScriptの理解を深めるページ2\|[2]]] [[MathJaxをデバッグしてJavaScriptの理解を深めるページ3\|[3]]] [[MathJaxをデバッグしてJavaScriptの理解を深めるページ4\|[4]]]

	=== '''t.defaultReady''' ===		=== '''t.defaultReady''' ===

Yo-net: /* ページ */

2022-12-01T08:51:17Z

ページ

← 古い版		2022年12月1日 (木) 17:51時点における版
598行目:		598行目:
	*[[MathJaxをデバッグしてJavaScriptの理解を深める]]		*[[MathJaxをデバッグしてJavaScriptの理解を深める]]
	*[[MathJaxをデバッグしてJavaScriptの理解を深めるページ3]]		*[[MathJaxをデバッグしてJavaScriptの理解を深めるページ3]]
			*[[MathJaxをデバッグしてJavaScriptの理解を深めるページ4]]

Yo-net: /* e.CONFIG = e.MathJax.config.loader */

2022-12-01T08:46:31Z

e.CONFIG = e.MathJax.config.loader

← 古い版		2022年12月1日 (木) 17:46時点における版
592行目:		592行目:
	pathFilters: [],		pathFilters: [],
	}		}



	=== ページ ===		=== ページ ===

Yo-net: /* i(e.MathJax.config.loader.pathFilters) */

2022-12-01T08:45:53Z

i(e.MathJax.config.loader.pathFilters)

← 古い版		2022年12月1日 (木) 17:45時点における版
577行目:		577行目:



			=== e.CONFIG = e.MathJax.config.loader ===
			e.MathJax.config.loader はこんな値で、メンバ CONFIG にコピーされます。
			{
			load: (4) ['input/tex-base', '[tex]/newcommand', '[tex]/action', 'output/chtml'],
			paths: {mathjax: 'file:///C:/MathJax/es5'},
			failed:function(t){return console.log("MathJax(" . concat(t.package \|\| "?", "): ") . concat(t.message))}
			ready: {targetFunction: function(){void 0 !== e.MathJax.startup && e.MathJax.config.startup.ready()},
			name: 'bound',
			}
			source: {},
			dependencies: {},
			provides: {},
			pathFilters: [],
			}

	=== ページ ===		=== ページ ===

Yo-net: /* i(e.MathJax.config.loader.pathFilters) */

2022-12-01T08:31:55Z

i(e.MathJax.config.loader.pathFilters)

← 古い版		2022年12月1日 (木) 17:31時点における版
544行目:		544行目:

	=== i(e.MathJax.config.loader.pathFilters) ===		=== i(e.MathJax.config.loader.pathFilters) ===
			i は以下のような関数です。


			<syntaxhighlight lang="javascript">
			function(t) {
			var e = "function" == typeof Symbol && Symbol.iterator;
			var r = e && t[e];
			var n = 0;
			if(r) return r.call(t);
			if(t && "number" == typeof t.length)
			return {
			next: function() {
			return
			t &&
			n >= t.length &&
			(t = void 0),
			{
			value: t && t[n++],
			done: !t
			}
			}
			};
			throw new TypeError(e ? "Object is not iterable." : "Symbol.iterator is not defined.")
			}
			</syntaxhighlight>


			最初は e.MathJax.config.loader.pathFilters が空の配列[] なので、e = Symbol.iterator になり、t[e] で[][Symbol.iterator]となります。空の配列ですが、r に格納され、反復処理プロトコルを保持します。if(r)は0でもfalseでもnullでもないため、成立し return r.call(t) が実行されます。[][Symbol.iterator].call([]) は第一引数が、この [] 自身で、this の対象ですから returnされるのは反復処理プロトコルを保持した空の配列です。[][Symbol.iterator] ですね。これに何の意味があるのか、真意はわかりませんが、next を保持していて、next() を呼ぶと value と done のメンバを持ったものが返ってくる。そういうものを反復処理プロトコルと呼んでいます。ようするに for in や for of の inやofの後ろにくるオブジェクトになっているということらしい。自分は初心者なのでまだ、これがどれくらいメリットのあるものなのか理解しきれていませんが、反復される処理への制限がかけれるためデータを保護できるのだとかいうイメージしかもっていません。その実用性は知りません。


			プログラムってのは安全に安全にというコードが余計なことをしないための工夫がされていくものですね。新しい仕組み。一人でやってるとそんなミスしませんけどねとか思っちゃいますけど、それを理解して利用していく人たち。やっぱ上を行ってる。とにかく t が [] だった場合はそんな動き。t が配列だったら、イテレータにしちゃうみたいな関数が、これの役割っぽい。es5(ECMAScriptVersion5)前提のプログラムだからes6の機能と同じことができるように補完してるのかな。

Yo-net: /* s.combineWithMathJax */

2022-12-01T07:23:07Z

s.combineWithMathJax

← 古い版		2022年12月1日 (木) 16:23時点における版
537行目:		537行目:
	}		}
	</syntaxhighlight>		</syntaxhighlight>


			c の大きな配列値の __esModule 以外のキー値を再帰的に e.MathJax に取り込むような処理になっている。

Yo-net: /* s.combineWithMathJax */

2022-12-01T07:12:17Z

s.combineWithMathJax

@@ 506行目: / 506行目: @@
      ],
    },
+}
 </syntaxhighlight>

Yo-net: /* s.combineWithMathJax */

2022-12-01T07:00:41Z

s.combineWithMathJax

差分を表示

Yo-net: /* s.combineDefaults */

2022-12-01T06:48:28Z

s.combineDefaults

← 古い版		2022年12月1日 (木) 15:48時点における版
332行目:		332行目:


	【 e[r] ⇔ e.MathJax.config['loader'] 】が 0(flase) なら e[r] を {} に設定して、e に e[r] を格納。そして第三引数の巨大な連想配列の各キー値を u に取り出し o[u] でその値を個別に処理をします。関数 i は引数がオブジェクト変数であるかどうかを確認し、結果を true Or flase で返す関数です。オブジェクト変数であるものを再帰的に t 関数自身を呼び出しつづけて細分的に処理をしていくものになっています。オブジェクト変数でない場合 e[u] が null で o[u] が null でないなら、e[u] に o[u] の値を格納する処理です。 e に e.MathJax.config['loader'] ~~以下のオブジェクトの値が取り込まれるような処理になっていると思われます。~~		【 e[r] ⇔ e.MathJax.config['loader'] 】が 0(flase) なら e[r] を {} に設定して、e に e[r] を格納。そして第三引数の巨大な連想配列の各キー値を u に取り出し o[u] でその値を個別に処理をします。関数 i は引数がオブジェクト変数であるかどうかを確認し、結果を true Or flase で返す関数です。オブジェクト変数であるものを再帰的に t 関数自身を呼び出しつづけて細分的に処理をしていくものになっています。オブジェクト変数でない場合 e[u] が null で o[u] が null でないなら、e[u] に o[u] の値を格納する処理です。 e に e.MathJax.config['loader'] 以下のオブジェクトの値が取り込まれるような処理になっていると思われます。この時の引数 o の値がdefault値だといっていてだいたいが空の値を保持している状況です。o は以下のような値です。

			o =
			{
			paths: {
			mathjax: c.getRoot()
			},
			source: {},
			dependencies: {},
			provides: {},
			load: [],
			ready: c.defaultReady.bind(c),
			failed: function(t) {
			return console.log("MathJax(" . concat(t.package \|\| "?", "): ") . concat(t.message))
			},
			require: null,
			pathFilters: [],
			versionWarnings: !0
			}

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

Yo-net: /* ページ */

2022年12月1日 (木) 08:54にYo-netによる

Yo-net: /* ページ */

Yo-net: /* e.CONFIG = e.MathJax.config.loader */

Yo-net: /* i(e.MathJax.config.loader.pathFilters) */

Yo-net: /* i(e.MathJax.config.loader.pathFilters) */

Yo-net: /* s.combineWithMathJax */

Yo-net: /* s.combineWithMathJax */

Yo-net: /* s.combineWithMathJax */

Yo-net: /* s.combineDefaults */

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