jQuery Plugin

[azu]

jQueryのプラグインについて

どう書ける?

<script src="jquery.js"></script>
<script src="something.js"></script>

と読み込ませると、jQueryオブジェクトで拡張したメソッド使えるようになる。

$('.class-name').something();

どういう仕組み?

$.fn に拡張したいメソッドを追加すると、jQueryオブジェクトにそのメソッドが追加される。
prototypeに対して拡張するのと同じ

$.fn.something = function() {
    console.log("something");
};

• Plugins | jQuery Learning Center

どういう事に向いてる?

• jQueryのようなDOM要素をラップしたようなオブジェクトに適当なメソッドを増やすのに向いてる
• <script>時代のものなので、複数のバージョンの扱いなど大雑把

どういう事に向いていない?

• グローバルに$ or jQuery があるという前提という空気感
• 結局はprototype拡張なのでjQueryという実体の構造に依存しがち

この仕組みを使ってるもの

• Underscore.js?

---

チェックシート

• どう書ける?
• どういう仕組み?
• どういう用途に向いている?
• どういう用途に向いていない?
• この仕組みを使ってるもの
• 実装してみよう
• 参考文献 Furture Reading
• まとめ

[azu]

同じテーマでそれぞれ話しを進めるべきか？
No, 目的としてはそれぞれの方式がどういう所に向いていて、それを確認できることとしたい。

[azu]

CONTRIBUTING.md に書くポイントまとめた

[azu]

jQuery拡張の仕組み 〜 JSおくのほそ道 #013 - Qiita

[azu]

Plugins | jQuery Learning Center
にprototype拡張すると書いてあるのでそういう趣旨なんだな。
new を使わない拡張パターンみたいな

[azu]

jQueryプラグインの向いてないところを考える

結局はただのprototype
プラグインからなんでも出来るので制御が難しい
このインスタンスにはプラグインを無効化するといた個別制御が欠如

[azu]

プラグイン全体の話として、本体のコア機能もプラグインで実装されているかという話があるとよさそう。
このコア機能がプラグインであることのメリットについて調べる必要がありそう

[azu]

jQuery.extendとjQuery.fn.extendとプロトタイプチェイン - (ﾟ∀ﾟ)o彡 sasata299's blog
違いについて。クラスメソッドとインスタンスメソッド

[azu]

jQuery.fn https://github.com/jquery/jquery/blob/9d820fbde6d89bc7a06e2704be61cf6c0b4d6e3c/src/core.js#L37-L37