jQueryチェーンプログラミングの実現原理

1164 ワード

チェーンプログラミングの実現原理
jQueryは,jQuery内部でjsのオブジェクトを利用して実現されることが主な原因で,点構文を用いて自己メソッドを呼び出す原理を開発者に与えることができる.
jQueryでは、同一の要素または要素の他の関係要素(兄弟要素、親子要素)を常に操作する場合に使用することができる.文法(点文法)は、ずっと書き続けます.
$("#box").css("background", "pink").css("font-size":"29px");
$("#box").siblings().css("background", "");

次のように書くことができます.
$("#box").css("background", "pink").siblings().css("background", "red");

チェーンプログラミングを実装するjQueryセレクタ自体はjqueryオブジェクトです.jQuery内部はthisを利用して自分自身に戻った.
    //js ,      
       var obj = {  
         name:"  ", 
        desc: function(){   
        console.log(this); //           
        console.log(this.name); //             
        return this;  //          ,        ,        。
},  
      read: function(){  
        console.log("hello!");    
        return this; 
    }}

まとめ:
  • は、オブジェクトの各メソッドが現在のオブジェクトを返すチェーンプログラミングのコアを実現する.varオブジェクト={メソッド名:function(){//...return this;//チェーンプログラミングを実現するコアthis}}
  • メソッドでは、jsは現在のオブジェクトを表すthisのキーワードを提供する.