Javascript基礎第二課時【讀書筆記】

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

今天晚上抽出時間來寫一下，剛好在實驗樓值班，繼續基礎知識第二課時更新。

命名規範

可讀性
規範性——這兩個東西也不好說，其實也挺簡單的，也就是要寫的代碼讓別人看得懂，每一句代碼的意思意圖都很清楚；便於項目的後期維護和二次開發。
匈牙利命名法——類型首碼，首字母大寫

例如：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，非空數值，非Null 字元串，非Null 物件
假—flase，0，null（Null 字元串），undefined，Null 物件

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的小執行個體，有沒有感覺方便很多，這是最基本的用法，感興趣的請繼續關注後面的文章喔。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More