2016年5月26日上午（妙味课堂js基础-1笔记二）

一、命名规范

　　1. 命名规范的必要性、意义

　　　　　　可读性--能看懂

　　　　 规范性--符合规则
　　2. 匈牙利命名法、变量的命名规范、函数的命名规范

　　　　　　类型前缀、首字母大写

                               

二、运算符　

　　　　 算术：+ 加、- 减、* 乘、/ 除、% 取模

　　　　实例：隔行变色、秒转时间

 

 

　　3. 运算符——%取模（求余数）
　　4. %取模（求余数）

　　　　　　实例：隔行变色、数字转时间

　　　　a、现在我们来做一个隔行变色的实例：代码如下；

  <script type="text/javascript">
        window.onload=function () {
            var oUl=document.getElementById("ul1");
            var aLi=oUl.getElementsByTagName("li");
            var i=0;

            for(i=0;i<aLi.length;i++){
                if (i%2==0){    //0,2,4,8.......
                    aLi[i].style.background="#ccc";
                }
            }
        }
    </script>
</head>
<body>
    <ul id="ul1">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>

其运行结果为：

　　                  

　　b、数字转时间

 <script type="text/javascript">
        var n=1132;
        alert(parseInt(n/60)+"分"+n%60+"秒");
    </script>

　　5. 赋值运算符、关系运算符

　　　　　　赋值：=、+=、-=、*=、/=、%=

　　　　　　　　关系：<、>、<=、>=、==、===、!=、!==
　　6. 逻辑运动符：&&（与） ||（或）!（否）

　　　　　　逻辑：&& 与、|| 或、! 否 实例：全选与反选

　　7. 括号运算符与优先级

　　　　　　运算符优先级：括号

三、程序流程控制　

　　8. 程序流程控制、switch、?:（三目运算符、三元运算符）、break（跳出）、continue（跳过）

　　　　　　　  判断：if、switch、?:

<script>
        var a=3;
        /*
        if(a%2==0){
        alert('双数');
         }
        else{
        alert('单数');
        }
        */
        a%2==0?alert('双数'):alert('单数');
    </script>

　　　　　　循环：while、for

　　　　　　跳出：break、continue（区别）

<script>
        var i=0;
        for(i=0;i<5;i++){
            if(i==2) {
            break;    //终止整个循环    0,1
            //continue;    //终止本次循环，继续下一次循环 0,1,3,4
        }
        alert(i);
    }
    </script>

　　9. 什么是真？什么是假？

　　　　　　　  真：true、非零数字、非空字符串、非空对象

　　　　　　假：false、数字零、空字符串、空对象、undefined

<script>
        var a;
            //真的：true、非零数字、非空字符串、非空对象
            //假的：false、数字零、空字符串、空对象null、undefined
        if(a) {
            alert('真的');
        }
        else {
            alert('假的');
        }
    </script>

四、Json

　　10. json、for in

　　　　什么是 JSON ？

  • JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
  • JSON 是轻量级的文本数据交换格式
  • JSON 独立于语言 *
  • JSON 具有自我描述性，更易理解

　　* JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。

　　（1）Json和数组

<script>
/*
　　var obj={a: 5, b: 6, c:'abc', d: [1,2,3,4]};
　　alert(obj.d[0]);

*/
　　var arr=[{a: 5, b: 12}, {a: 6, b: 19}];
　　alert(arr[1].b);
</script>

　　（2）Json和for in

<script>
        var obj={a: 5, b: 3, c: 98};
        var attr='';
        for(attr in obj) {
            alert(attr+'='+obj[attr]);
        }
    </script>

　　11. 课程总结

　　　　JS组成，各部分功能

　　　　变量：定义、类型、typeof、转换、作用域

　　　　闭包简单概念

　　　　运算符

　　　　程序流程控制结构

　　　　命名规范

posted @ 2016-05-26 10:15  zzjeny  阅读(493)  评论(0)    收藏  举报