1) selected element caching 하기

$(window).ready(function(){

   if(something is true){

     $('selector1').find('children').method1().method2();

   } else {

     $('selector1').find('children').method3().method4();

   }

});



가 있으면 selector 를 2판 + find를 2판 쓰면서 element 를 jQuery를 통해 찾을 필요가없다.


$(window).ready(function(){

    var myElement =  $('selector1').find('children');   //이런식으로 cache하고 reusing 하는게 효과적

   if(something is true){

     myElement.method1().method2();

   } else {

      myElement.method3().method4();

   }

});




2) 함수들은 preprocess 하기


jquery코드 보면 주로 $(window).ready(function(){}); 속안에 함수들 전부 넣잖아요. ㄴㄴ 그러면 오히려 더 느리고 코드 더러워지는 일임


$(window).ready(function(){

    var myElement =  $('selector1').find('children');   //이런식으로 cache하고 reusing 하는게 효과적

   function test(){

     if(something is true){

       myElement.method1().method2();

     } else {

        myElement.method3().method4();

     }

   }

   test();

});


가 있으면

var MYFUNCS = MYFUNCS || {};    //간단하게 object / properties 만들기

MYFUNCS.test = function(){   //OBJECT에 function 만들어서 scope 조절

     "use strict";       //ECMA 5 의 기능 strict mode 실행 hi -> private scope

     var hi = "wave from function body";

     if(something is true){

       myElement.method1().method2();

     } else {

        myElement.method3().method4();

     }

   }



$(window).ready(function(){

    var myElement =  $('selector1').find('children');   //이런식으로 cache하고 reusing 하는게 효과적

    MYFUNCS.test();

});


console.log(hi); //undefined error


JS 의 문제중에 하나는 function 과 var 의 global scope 에있음

여기서 당장 var i = "afas"; 를 하면 i 는 모든 상에서 afas가됨

strict mode를 사용하면 다른 각종 장점이 있지만 global scope를 차단하는점도 있음.



3) jQuery.each 혹은 for 를 쓰기전 꼭 써야될지 생각하기

예를 ul, li 구조가 있는데 이건 each를 써서 각각 li 를 선택해야될까요?

간단하게 css descendants, children selector를 잘쓰기만 해도 each, for 를 안쓸수가 있음


4) ㅁ모든게 jQuery만 좋은게 아님. underscore.js 같은 ruby 스타일 라이브러리또한 없는 기능 + 좋은기능을 들여올수있음
.
하지만 과거의 문제는 jQuery와 underscore를 둘다쓰면 똑같은 일을 하는 함수들이 두 라이브러리에 동존 했는데

이제 jQuery에서 custom으로 필요없는 기능을 뺴버림으로 두개다 효과적으로 사용할수있게됨


--- 1탄끝