JS中的逻辑哲学

1、幻灯片播放。

     有重用功能的代码要封入一个函数内，尽量减少调用出口（一般传入的参数为索引值），以便调用；

     计数器放在最终调用的函数那里，index++；

     明确那部分函数执行什么功能，将代码块只放在相关的函数内，避免调用函数时执行不必要的语句；

     原生JS模仿fade in() 函数原理为改变透明度，setInterval(迭代递增透明度,n)。间隔时间与递增值决定渐变速度，部分代码如下：

          timer = setInterval(function(){
                        alpha += 2;
                        alpha > 100 && (alpha = 100);
                        aImg[index].style.opacity = alpha / 100;
                        
                        alpha == 100 && clearInterval(timer);
                    },40)

 

2.网页计算器。

     eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。不需要判断是作何运算，全部交给eval（）处理；

     巧妙运用正则匹配；

 

3.强大的三元操作符。

     对于if（）else()之类的语句，尽可能用三元操作符代替，用法如下：

          object.style.background = object.background == "green" ? "red" : "green"  ;

          object.className == "current" ? 执行语句一 ： （执行语句二  ，执行语句三，执行语句四。。。） ；

     非常适合模拟连续单击的事件触发，以及条件判断；

     三元操作符的执行语句用括号括起来，以逗号分隔，可执行多条语句

 

4.无中生有的 var s = false。

     此类对于特殊状态下的条件判断非常好用，辅以  “s || 语句一，s = false; ”  改变 s 状态执行 语句一 ，执行完毕 复位 s 状态，构成封闭逻辑；

     妙用无穷啊

 5.addEventListener().

       使用这个方法可以实现事件绑定的嵌套；

       从功能上讲，可以是是事件绑定的条件嵌套，也可通过 var s = false; 来实现；

      

    

转载于:https://www.cnblogs.com/tianyun-blog/p/5455735.html