HTML 学习笔记 May 9，2017 js运行原理、js开发工具介绍、js程序（hello）、js基本语法、js基本数据类型、js 运算符、js 移位运算、js三大流程控制（顺序流程、分支控制、循环控制）
因为 js 是由浏览器来解释执行的，因此这里有一个问题，不同类型的浏览器可能对 js 的支持不一样。
js 的开发工具：
①记事本
②eclipse
<script language="javascript">
window.alert("hello");
</script>
① js 的位置可以随意
②必须用 <script language="javascript"> </script> 包起来
如果米有使用<script> 包起来，浏览器会将其视为普通文本。
③在一个 html 文件中(jsp/php/asp)可以出现多对 <script> 浏览器会依照先后顺序依次执行。
<script language="javascript">
// js中变量的定义(在 js 中变量用var 表示,不管实际类型)
var num1=343;
var num2=89;
var result=num1+num2;
window.alert('结果是' + result);
</script>
js 里边要用 var 来定义变量
① js 是弱数据类型语言
即 在定义变量的时候，同意使用 var 表示，甚至可以去掉 var 这个关键字；
② js 中的变量的数据类型是由 js 引擎决定
每条功能执行语句的最后必须用分号（；）结束，每个词之间用空格、制表符、换行符或大括号、小括号这样的分隔符隔开。
js 的命名规范（变量函数）
① 使用 大小写字母、数字、_、$ 可以命名
② 不能以数字开头
③ 不能使用 js 的关键字/保留字
④ 区分大小写
⑤ 单行注释 // 多行注释 /* */
JavaScript 数据类型
①基本数据类型：数值、字符串、布尔型
根据 typeof 可以看到变量的具体数据类型是什么。
<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>
类型常量：十六进制（0x8a），八进制（0123）
实型常量：5E7（5 乘以 10 的 7 次方，可以写成 e ）
特殊数值：NaN（not a number）、infinity（无穷大）、isNaN（判断不是 number 就返回真）、isFinite（检测不是无穷大就返回真）
var a = "abc";
window.alert(parseInt(a)); // parseInt 把一个字符串转化成整型数输出 NaN
window.alert(v1/0); // Infinity 无穷大
window.alert(isFinite(v1/0)); // 无穷大就返回 false
var a = "abcdefg"hijklmn";
window.alert(a); //abcdefg"hijklmn
js 数据类型的转换
1️⃣自动转换
2️⃣ 强制转换
var a = 123; // a 是数值
a = "hello"; // a 的类型就是 string
var b = "12345"; // b 的类型就是 string
b = parseInt(b); // 使用系统函数强制转换
var c = 90; // c 是 number
c = c + ""; // c 是 string
②复合数据类型：数组、对象
③ 特殊数据类型：null、undefine
null：
var a = null;
undefine：
var tt; // 没有赋值
window.alert(tt); // undefine 报错，未定义
// 最后打印结果是 OK!
var a = 9;
var b = '9';// 等同于 var b = "9"; 双引号单引号米有影响
if (a==b) {
window.alert('OK!');
} else {
window.alert('NO!');
}
var a1=window.prompt("请输入值"); // *** prompt 输入框
document.writeln("你输入的是" + a1); // 你输入的是***
在逻辑运算中，0、""、false、null、undefined、NaN 全部都表示为 false 。
javascript 中，非 0 的数都为真，包括小数和负数👍
这是一个非常重要的知识点：
在 || 运算中，将返回第一个不为 false 的值（对象亦可），或者是返回最后一个值（如果全部都是 false 的话） || 返回的结果，不一定是 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 也有位运算和移位运算，其规范和 java 一致
var a = 4>>2; 向右移位
// 4 二进制 0000 0100 -->0000 0001
window.alert(a); // 打印出来 1
var a = -4>>2; // 打印出来结果是 -1
● javascript 的控制语句
① 顺序控制
② 分支控制
多分支：
var sex = window.promt("请输入性别");
if (sex == "男") {
window.alert("上男厕所");
} else if (sex == "女") {
window.alert("上女厕所");
} else {
window.alert("不上厕所");
}
js 里边的 switch 语句，后边的数据类型可以是任意数据类型
var flag = 1;
switch (flag) {
default:
window.alert("默认");
case 'a':
window.alert("今天星期一");
case 'b':
window.alert("今天星期二");
case 1.1:
window.alert("1.1"); // 打印出来: 默认 今天星期一 今天星期二 1.1 走了一遍，米有找到匹配的，然后就重新走 default ，走完之后就开始一步一步走下来了。
}
var flag = 1.1;
switch (flag) {
default:
window.alert("默认");
case 'a':
window.alert("今天星期一");
case 'b':
window.alert("今天星期二");
case 1.1:
window.alert("1.1"); // 直接打印出来 1.1 找到匹配的就不会重新走 default ，然后一步一步走下来了
}
javascript 中，非 0 的数都为真，包括小数和负数👍
在 ie8 中，我们可以通过工具来对 js 代码进行调试，尤其是在页面非常复杂的情况下，非常有用
