$.extend() jQuery中拷貝對象的方法

  $(function(){  
        var a={ 
            name:'hello'
        }
        var b={}
        b=a;
        console.log(b);  //  { name:'hello'}
        b.name='Leo';
        console.log(b);  //  { name:'Leo'}
        console.log(a);  //  { name:'Leo'}

 //如果直接將a的對象賦給b,那么會(huì)產(chǎn)生引用的相關(guān)問題，因?yàn)樾薷腷中的值，會(huì)直接影響a中的值，沒有達(dá)到拷貝的效果

        var a={ 
            name:'hello'
        }
        var b={} 
        $.extend(b,a);
        console.log(b);  //  { name:'hello'}
        b.name='Leo';
        console.log(b);  //  { name:'Leo'}
        console.log(a);  //  { name:'hello'}

//使用$.extend()方法，修改b中的值，則不會(huì)影響a中的值，達(dá)到拷貝的效果

        var a={ 
            name:'hello'
        }
        var b={
            age:22
        }
        var c={} 
        $.extend(c,a,b);
        console.log(c);  //{name: "hello", age: 22}
        //可以實(shí)現(xiàn)多個(gè)拷貝

        var a={ 
            name:{ age:22 }
        }
        var b={}   
        $.extend(b,a);
        console.log(b);   //{ name:{age:22}}
        b.name.age=30;
        console.log(b);   //{ name:{age:30}}
        console.log(a);   //{ name:{age:30}}

//以上的執(zhí)行結(jié)果我們會(huì)發(fā)現(xiàn)，a中的值還是發(fā)生了變化，這是因?yàn)?.extend()默認(rèn)是淺拷貝的方式
//不支持多層級的對象引用，如何實(shí)現(xiàn)深拷貝，需要設(shè)置第一個(gè)參數(shù)為true

          var a={ 
            name:{ age:22 }
        }
         var b={}      
        $.extend(true,b,a);
        console.log(b);   //{ name:{age:22}}
        b.name.age=30;
        console.log(b);   //{ name:{age:30}}
        console.log(a);   //{ name:{age:22}}
     })

$.proxy() 改變函數(shù)內(nèi)this的指向

$(function(){

      function show(a,b){
          alert(a);
          alert(b);
          alert(this);
      }
      show(); // this->window
      show.call(document) //this->document
      //除了用以上方法，還可以用$.proxy();
      $.proxy(show,document)();  //this->document
      $.proxy(show,document)(3,4); //可以接受參數(shù)
      $.proxy(show,document,3,4)(); //還可以這樣的形式接受參數(shù),那為什么要以這樣的形式接受參數(shù)，舉個(gè)小例子。
     $('input').on('click',$.proxy(function(){
        alert(a);
        alert(b);
        alert(this);
     },document,3,4));
   })

$. parseJSON() 要解析的 JSON 字符串。

 var a='{"name":"leo"}';
 console.log($.parseJSON(a));   //->{"name":"leo"}
//解析嚴(yán)格格式類型的JSON字符串

$.type() 判斷數(shù)據(jù)類型

        var a=1;
        console.log($.type(a));  //->number
        var b='abc';        
        console.log($.type(b));  //->string
        var c=[1,2,3];      
        console.log($.type(c));  //->array
        var d={'name':'sun'}; 
        console.log($.type(d));  //->object

$.isFunction() 判斷是否是函數(shù)類型

var e=function(){}
console.log($.isFunction(e));  //->true 

$.isNumeric() 判斷是否是數(shù)字類型

var f=1;  
console.log($.isNumeric(f));   //->true

$.isArray() 判斷是否是數(shù)組類型

var g=['a']
console.log($.isArray(g));    //->true    

$.isEmptyObject() 判斷是否是空的對象

var a=null;              
console.log($.isEmptyObject(a));   //->true

后續(xù)會(huì)不斷更新其它工具函數(shù)用法，敬請期待！?。?/h3>