Javascript基础第二课时【读书笔记】

今天晚上抽出时间来写一下,刚好在实验楼值班,继续基础知识第二课时更新。

命名规范

  • 可读性
  • 规范性——这两个东西也不好说,其实也挺简单的,也就是要写的代码让别人看得懂,每一句代码的意思意图都很清楚;便于项目的后期维护和二次开发。
  • 匈牙利命名法——类型前缀,首字母大写

例如:oDiv表示一个object对象,再例如getElementsByTagName就是很好的例子。

运算符

  • 算术:+ 加、- 减、* 乘、/ 除、% 取模(用途很广泛)
  • 实例:隔行变色
 1 <script>
 2     window.onload=function(){
 3         var oUl=document.getElementById('div1');
 4         var aLi=oUl.getElementsByTagName('li');
 5         var i=0;
 6         
 7         for(i=0;i<al、Li.length;i++){//改过来了
 8             if(i%2==0)
 9             {aLi[i].style.background='#ccc';};
10         };
11     };
12 </script>
13 </head>
14 <body>
15 <ul >
16 <li></li>
17 <li></li>
18 <li></li>
19 <li></li>
20 <li></li>
21 <li></li>
22 <li></li>
23 <li></li>
24 <li></li>
25 <li></li>
26 </ul>
27 </body>

这个本来是想写一个无序列表的隔行颜色不一样,结果提示ali没有定义,看了半天没发现,欢迎一起找找。

  • 秒转为分
1 <script>
2 var a=456;
3 alert(parseInt(a/60)+'分'+a%60+'秒');//这里的错误也改了,注意哦
4 </script>
  • 赋值:=、+=、-=、*=、/=、%=关于加等在前面的文章中说过了,就是把自己加给自己的同时添加另外一个数值;前面两个运算符用得比较多
  • 关系:<、>、<=、>=、==、===、!=、!==(不全等,他的要求是最严格的,数据类型要一样)
  • 逻辑:&& 与(必须同时满足条件)、|| 或(两个或者多个只要成立一个就成立)、! 否(就是取反)
  • 运算符优先级:括号——括起来的东西优先级会提高,例如(a+b)/2

程序流程控制:

判断:if条件语句(不解释了)   switch语句()   三目

switch 语句

如果希望选择执行若干代码块中的一个,你可以使用 switch 语句:

语法:

switch (n)

{ case 1: 执行代码块1 break

case 2: 执行代码块2 break

...

default: 如果n即不是1也不是2,则执行此代码 }

三目

<表达式1>?<表达式2>:<表达式3>; "?"运算符的含义是: 先求表达式1的值, 如果为真, 则执行表达式2,并返回表达式2的结果 ; 如果表达式1的值为假, 则执行表达式3 ,并返回表达式3的结果.

1 <script>
2     var a=44;
3     a%2==0?alert('偶数'):alert('单数')
4 </script>

循环:while循环   for循环

跳出:break终止整个循环   continue终止本次循环,继续下面的循环

 1 <script>
 2     var i=0;
 3     for(i=0;i<4;i++)
 4     {
 5         if(i==2){
 6             break;
 7             };
 8         alert(i);
 9         };
10 </script>

什么是真,什么是假?

<script>
    var a='2';
    if(a){
        alert('true')
        }
        else{
            alert('flase')
            };
</script>

这一通过这个小程序来测试什么是真什么是假。

  • 真—true,非空数值,非空字符串,非空对象
  • 假—flase,0,null(空字符串),undefined,空对象

JSON:

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成。

举个例子。

1 <script>
2     var obj={a:1,b:3,c:'where',d:[4,5,6,7]};
3     alert(obj.d[3]);
4 </script>
1 <script>
2     var obj={a:1,b:3,c:'where',d:[4,5,6,7]};
3     var attr='';
4     for(attr in obj)
5     {
6         alert(attr+'='+obj[attr])    
7         };
8 </script>

上面是两个jason的小实例,有没有感觉方便很多,这是最基本的用法,感兴趣的请继续关注后面的文章喔。