HTML 學(xué)習(xí)筆記 May 9，2017 js運(yùn)行原理、js開(kāi)發(fā)工具介紹、js程序（hello）、js基本語(yǔ)法、js基本數(shù)據(jù)類(lèi)型、js 運(yùn)算符、js 移位運(yùn)算、js三大流程控制（順序流程、分支控制、循環(huán)控制）
因?yàn)?js 是由瀏覽器來(lái)解釋執(zhí)行的，因此這里有一個(gè)問(wèn)題，不同類(lèi)型的瀏覽器可能對(duì) js 的支持不一樣。
js 的開(kāi)發(fā)工具：
①記事本
②eclipse
<script language="javascript">
window.alert("hello");
</script>
① js 的位置可以隨意
②必須用 <script language="javascript"> </script> 包起來(lái)
如果米有使用<script> 包起來(lái)，瀏覽器會(huì)將其視為普通文本。
③在一個(gè) html 文件中(jsp/php/asp)可以出現(xiàn)多對(duì) <script> 瀏覽器會(huì)依照先后順序依次執(zhí)行。
<script language="javascript">
// js中變量的定義(在 js 中變量用var 表示,不管實(shí)際類(lèi)型)
var num1=343;
var num2=89;
var result=num1+num2;
window.alert('結(jié)果是' + result);
</script>
js 里邊要用 var 來(lái)定義變量
① js 是弱數(shù)據(jù)類(lèi)型語(yǔ)言
即 在定義變量的時(shí)候，同意使用 var 表示，甚至可以去掉 var 這個(gè)關(guān)鍵字；
② js 中的變量的數(shù)據(jù)類(lèi)型是由 js 引擎決定
每條功能執(zhí)行語(yǔ)句的最后必須用分號(hào)（；）結(jié)束，每個(gè)詞之間用空格、制表符、換行符或大括號(hào)、小括號(hào)這樣的分隔符隔開(kāi)。
js 的命名規(guī)范（變量函數(shù)）
① 使用 大小寫(xiě)字母、數(shù)字、_、$ 可以命名
② 不能以數(shù)字開(kāi)頭
③ 不能使用 js 的關(guān)鍵字/保留字
④ 區(qū)分大小寫(xiě)
⑤ 單行注釋 // 多行注釋 /* */
JavaScript 數(shù)據(jù)類(lèi)型
①基本數(shù)據(jù)類(lèi)型：數(shù)值、字符串、布爾型
根據(jù) typeof 可以看到變量的具體數(shù)據(jù)類(lèi)型是什么。
<script language="javascript">
var v1 = "abc";
var v2 = 980;
window.alert("v1 是" + typeof v1);//v1 是 string
window.alert("v2 是" + typeof v2);// v2 是 number
v1 = 668;
window.alert("v1 是" + typeof v1);// v1 是number
</script>
類(lèi)型常量：十六進(jìn)制（0x8a），八進(jìn)制（0123）
實(shí)型常量：5E7（5 乘以 10 的 7 次方，可以寫(xiě)成 e ）
特殊數(shù)值：NaN（not a number）、infinity（無(wú)窮大）、isNaN（判斷不是 number 就返回真）、isFinite（檢測(cè)不是無(wú)窮大就返回真）
var a = "abc";
window.alert(parseInt(a)); // parseInt 把一個(gè)字符串轉(zhuǎn)化成整型數(shù)輸出 NaN
window.alert(v1/0); // Infinity 無(wú)窮大
window.alert(isFinite(v1/0)); // 無(wú)窮大就返回 false
var a = "abcdefg"hijklmn";
window.alert(a); //abcdefg"hijklmn
js 數(shù)據(jù)類(lèi)型的轉(zhuǎn)換
1??自動(dòng)轉(zhuǎn)換
2?? 強(qiáng)制轉(zhuǎn)換
var a = 123; // a 是數(shù)值
a = "hello"; // a 的類(lèi)型就是 string
var b = "12345"; // b 的類(lèi)型就是 string
b = parseInt(b); // 使用系統(tǒng)函數(shù)強(qiáng)制轉(zhuǎn)換
var c = 90; // c 是 number
c = c + ""; // c 是 string
②復(fù)合數(shù)據(jù)類(lèi)型：數(shù)組、對(duì)象
③ 特殊數(shù)據(jù)類(lèi)型：null、undefine
null：
var a = null;
undefine：
var tt; // 沒(méi)有賦值
window.alert(tt); // undefine 報(bào)錯(cuò)，未定義
// 最后打印結(jié)果是 OK!
var a = 9;
var b = '9';// 等同于 var b = "9"; 雙引號(hào)單引號(hào)米有影響
if (a==b) {
window.alert('OK!');
} else {
window.alert('NO!');
}
var a1=window.prompt("請(qǐng)輸入值"); // *** prompt 輸入框
document.writeln("你輸入的是" + a1); // 你輸入的是***
在邏輯運(yùn)算中，0、""、false、null、undefined、NaN 全部都表示為 false 。
javascript 中，非 0 的數(shù)都為真，包括小數(shù)和負(fù)數(shù)??
這是一個(gè)非常重要的知識(shí)點(diǎn)：
在 || 運(yùn)算中，將返回第一個(gè)不為 false 的值（對(duì)象亦可），或者是返回最后一個(gè)值（如果全部都是 false 的話(huà)） || 返回的結(jié)果，不一定是 bool 值
var a = 0;
var b = "";
var c = false;
var d = a || b || c;
window.alert(d); // 打印輸出 false
var a = 0;
var b = "";
var c = false;
var d = c || b || a;
window.alert(d); // 打印輸出 0
js 也有位運(yùn)算和移位運(yùn)算，其規(guī)范和 java 一致
var a = 4>>2; 向右移位
// 4 二進(jìn)制 0000 0100 -->0000 0001
window.alert(a); // 打印出來(lái) 1
var a = -4>>2; // 打印出來(lái)結(jié)果是 -1
● javascript 的控制語(yǔ)句
① 順序控制
② 分支控制
多分支：
var sex = window.promt("請(qǐng)輸入性別");
if (sex == "男") {
window.alert("上男廁所");
} else if (sex == "女") {
window.alert("上女廁所");
} else {
window.alert("不上廁所");
}
js 里邊的 switch 語(yǔ)句，后邊的數(shù)據(jù)類(lèi)型可以是任意數(shù)據(jù)類(lèi)型
var flag = 1;
switch (flag) {
default:
window.alert("默認(rèn)");
case 'a':
window.alert("今天星期一");
case 'b':
window.alert("今天星期二");
case 1.1:
window.alert("1.1"); // 打印出來(lái): 默認(rèn) 今天星期一 今天星期二 1.1 走了一遍，米有找到匹配的，然后就重新走 default ，走完之后就開(kāi)始一步一步走下來(lái)了。
}
var flag = 1.1;
switch (flag) {
default:
window.alert("默認(rèn)");
case 'a':
window.alert("今天星期一");
case 'b':
window.alert("今天星期二");
case 1.1:
window.alert("1.1"); // 直接打印出來(lái) 1.1 找到匹配的就不會(huì)重新走 default ，然后一步一步走下來(lái)了
}
javascript 中，非 0 的數(shù)都為真，包括小數(shù)和負(fù)數(shù)??
在 ie8 中，我們可以通過(guò)工具來(lái)對(duì) js 代碼進(jìn)行調(diào)試，尤其是在頁(yè)面非常復(fù)雜的情況下，非常有用
