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 id="div1">
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的小实例，有没有感觉方便很多，这是最基本的用法，感兴趣的请继续关注后面的文章喔。

 

__EOF__

本文作者：Paxster
本文链接：https://www.cnblogs.com/paxster/archive/2013/05/07/3064888.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！
posted @   Paxster  阅读(1056)  评论(6)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 地球OL攻略 —— 某应届生求职总结
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示
AI IDE Trae