Javscript的函数链式调用基础篇

Posted 2020-10-24 地铁程序员

我们都很熟悉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)