JavaScript複習 1
阿新 • • 發佈：2021-11-04
概括及使用方法：
JavaScript編寫規範
- 一般放在<head>…</head>中間
- 逐行被執行，越短越好
- 大小寫敏感 語句是基本單位
- 通常以分號表示語句結束
- 多行語句可以作為一塊，使用{}
- 多使用註釋
JavaScript使用方法
將JavaScript程式碼寫到頁面中。
（適合於程式碼量較少,又不用於其他頁面）
<script type="text/javascript">
//編寫JavaScript程式碼
</script>
將JavaScript程式碼編寫成獨立的外部檔案來使用，副檔名為.JS。
- 建立HTML頁面
- 建立JS檔案，直接書寫JS程式碼
- 將檔案儲存為JS格式
- 在HTML檔案中使用<script type="text/javascript" src="js檔案路徑" ></script>語句呼叫。
資料型別及變數：
註釋 ：// 和/**/
單行註釋以 // 開始，以行末結束
多行註釋以 /* 開始，以 */ 結束，中間的語句是該程式中的註釋。
JavaScript的資料型別
基本資料型別
- 數值資料型別（number）
- 布林型別（boolean）
- 未定義資料型別（undefined）
- 空資料型別（null）
引用資料型別
- 字串型別（string）
- Array 陣列型別
- 物件型別（Object）
變數的宣告和賦值：
混合計算資料型別
- 整數與小數=小數
- 整數與字串=字串
- 整數與布林型=整數
- 整數與空值=整數
- 小數與字串=字串
- 小數與布林型=小數
- 小數與空值=小數
- 字串與布林型=字串
- 字串與空值=字串
- 布林型與空值=整數
資料型別的轉換
parseInt (String)
將字串轉換為整型數字 ，取整
parseInt (“86.6a”)將字串“86.6”轉換為整型值86
parseFloat(String)
將字串轉換為浮點型數字
parseFloat (“34.45a”)將字串“34.45”轉換為浮點值34.45
表示式與運算子
表示式是對一個或多個變數或值（運算元）進行運算，並返回一個新值
運算子可分為以下類別：
- 賦值運算子 =
- 算術運算子 +、-、 * 、 / 、%、++、--、-(求反)
- 結合運算子 *= /= += -= %=
- 比較運算子 ==、!=、>、>=、<、<=、=== 、!==
- 邏輯運算子 &&、||、！
- 字串運算 +
絕對等於：資料型別一致，數值相等
不絕對等於：資料型別不一致或者數值不相等
- 1.資料型別不一致
- 2.數值不相等
- 3.資料型別不一致，數值也不相等
面試題：
”==”和“===”的不同 (1) ==之比較“轉化成同一型別後的值”看“值”是否相等 (2) ===如果型別不同，其結果就是不等算術運算子
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>算術運算子</title> </head> <body> <script type="text/javascript"> var num1 = 5,num2 = 4; document.write("和是:" + (num1 + num2) + "<br />"); document.write("差是:" + (num1 - num2) + "<br />"); document.write("積是:" + (num1 * num2) + "<br />"); document.write("商是:" + (num1 / num2) + "<br />"); document.write("餘數是:" + (num1 % num2) + "<br />"); document.write("5+'5'是:" + (5 + '5') + "<br />"); document.write("5-'5'是:" + (5 - '5') + "<br />"); </script> </body> </html>
字串運算子
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>字串運算子</title> </head> <body> <script type="text/javascript"> var str1 = "北京，"; var str2 = "歡迎你！"; var str3 = str1 + str2 + "湯姆"; document.write("str3=" + str3 + "<br>"); var str4 = "請付" + 50 + "元的士費！"; document.write("str4=" + str4); </script> </body> </html>
比較運算子