1. 程式人生 > >Javscript的函數鏈式調用基礎篇

Javscript的函數鏈式調用基礎篇

註意 操作 light script remove blog mat scrip 結果

我們都很熟悉jQuery了,只能jQuery中一種非常牛逼的寫法叫鏈式操作;

$(‘#div‘).css(‘background‘,‘#ccc‘).removeClass(‘box‘).stop().animate({width:300})

  在原生js中,鏈式調用還可以這樣用

 function show(str) {
        console.log(str);
        return show;
    }
    show(123)(456)(789);

// 控制臺打印結果
// 123
// 456
// 789
  (function show(str) {
        console.log(str);
        return show;
    })(123)

*註意:自執行函數不會被內存機制回收

所以最好是賦值給一個變量

  var a = (function show(str) {
       console.log(str);
       return show;
   })(123)

  

Javscript的函數鏈式調用基礎篇