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、转换、作用域

    闭包简单概念

    运算符

    程序流程控制结构

    命名规范

原文地址:https://www.cnblogs.com/zzjeny/p/5530027.html