jQueryの全体的な構造と特徴──jQuery解読(3)

• 「jQuery解読によるJavascript学習」関連エントリイ一覧 in this Blog

業務繁忙故、ブログ投稿が出来ない日々が続いてしまいました。10日ぶりの投稿です。

jQueryの特徴(1)───僅か2つのグローバルオブジェクト定義

jQueryはその全体がたった１つの無名関数で定義され、かつインクルード時にその無名関数が実行されるフレームワークです。それ以前は異なった定義方法でしたが、確かver1.1.4から無名関数による定義スタイルになりました。

そして重要な点は、インクルード時に実行される無名関数によって定義されるグローバル変数が僅か２つ──「jQuery」とそれへのショートカットである「$」──に留まることです。（cf. prototype.jsの場合にはインクルード直後に定義されるGlobal変数は26に達します。）

このGlobal変数を僅か２つしか定義しないことが、jQueryの大きな特徴の１つではないでしょうか。このGlobal変数の少なさは、任意のscriptから利用でき、かつ任意のフレームワークと共存して利用できるようにするための、後発フレームワーク故の工夫と言えますが、目的や理由はさておき、グローバルな名前空間を汚さない配慮は、フレームワークが殆どの場合において、他のスクリプトと共存利用されることを踏まえれば、当然の措置と言えます。

なお、グローバルな名前空間を出来るだけ汚染させないこの配慮は、『Javascript第５版』においてDavid Franagan氏が主張していることにほぼ整合します。

モジュールがグローバルな名前空間にシンボルを追加する場合には、最大でも1つにすべきである。（出典：『Javascript第５版』p.190）

（jQueryではショートカット「$」を設けたことによって「最大１つ」が破られて２つになっていますが、これは必要なやむを得ない措置だと思われます。ショートカットの利便性は極めて高いからです。）

▲ToTop

jQueryの特徴(2)───ユーザビリティへの配慮(1)

jQueryが定義するグローバル変数が実質的に１つであることは、jQueryを使う上でもユーザビリティに貢献しています。使いやすいのです。「書式」が統一的であることから、直感的にコマンドを記述することが出来ますし、覚えることも決して多くはありません。敷居が低いため容易に使い始めることが出来る訳です。

jQueryの特徴(3)───構造の簡潔さ＝拡張の容易さ

本日時点で最新バージョンである1.2.1は非圧縮版で2993行あります。しかし、その構造は極めて単純明快です。グローバル変数である(1)jQueryと$の定義、(2)prototypeプロパティの定義、(3)extend()関数による多数のプロパティ名とプロパティ値の定義（extend()を使わない固有のプロパティ名と値の定義がいくつか存在しているが）───この３つに収斂します。

こうした簡潔な構造が、extend()関数を利用したユーザーによる自在な独自拡張を許容し歓迎することになります。

jQueryの特徴(4)───ユーザビリティへの配慮(2)

多くの場合自作スクリプトとjQueryを併用するはずです。その時に重要となるのはインクルードするファイルサイズを出来るだけ小さくしたいはずですが、jQueryの場合この点を当然のように想定して、圧縮されたファイルを用意しています。

この配慮はユーザーからすれば大変有り難いことです。自ら圧縮する手間を省いてくれるからです。