你的位置:首页 > Java教程

[Java教程]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 状态,构成封闭逻辑,封闭的逻辑才完整;