JavaScript学习笔记6 之经典神坑题整理

本篇内容是关于容易出错题的整理，这些题也有利于对javascript的语法逻辑的理解，分析的内容仅供参考:

 <script>
 /**/
     var x=0 , y=0 , c=1;
     function add(n) {n=n+1;}
     x=add(c);
     alert(x);//
     function add(n) {n=n+3; return n;}
     y=add(c);
     alert(y);//

     //执行过程
     var x;//变量和函数都提前声明
     var y;
     var c;
     // function add(n) {n=n+1;}//被覆盖，不会调用此函数
     function add(n) {n=n+3; return n;}//函数名相同的函数都提前声明，后面的覆盖前面的
     x=0;
     y=0;
     c=1;
     x=add(c);//4 c作为形参传入函数，
     alert(x);//
     y=add(c);//
     alert(y);//

 /**/

     var i=5,k,x;
     k=++i;//先加后赋值
     i=i++;//先赋值给i再+1,此时被赋值的i为6，复制后自+1
     alert(k);//6
     alert(i);//

 /*3、逗号操作符 */
 　　 //逗号操作符中有多条语句时，执行后面语句
     if (1,0) {//返回0
         alert('123');
     } else{
         alert('abc');
     };//abc

     if (0,-2) {//返回-2
         alert('123');
     } else{
         alert('abc');
     };//

     var k=0;
     for(var i=0, v=0; i<9, v<6; i++, v++){//返回v<6
         k = i + v;
     }
     alert(k);//

     var k=0;
     for(var i=0, v=0; i<6, v<9; i++, v++){//返回v<9
         k = i + v;
     }
     alert(k);//

 /*4、异步事件*/
     for (var i = 0; i < 5; i++) {
         setTimeout(function (){//异步代码
             console.log(i);//打印 5个5
         },0);
     };

     for (var i = 0; i < 5; i++) {

     };
     setTimeout(function (){//异步代码
         console.log(i);//打印1个5
     },0);

     function fn(){
         console.log('first' );
         setTimeout(function (){//同步代码执行完之后才执行异步代码
             console.log( 'second' );
         },0);
     }
     for (var i= 0; i < 5; i++) {
         fn();
     }
     //first first first first first second second second second second
     //前5个first是for循环执行5次打印事件
     //后5个second是for循环执行5次，分别将异步事件分5次放在队列里面，最后执行异步事件

 /*5、计时器是异步事件后执行问题*/
     var t = true,x = 5;//执行1
     setTimeout(function (){//执行4、计时器进入异步队列，先不执行，最后执行。
       t = false;
       alert(x);
       x = 6;
     },300);
     while (t){ x = 8; }//执行2-->此处陷入死循环
     alert(x);//执行3
     //死循环
 </script>