Java script 重点归纳
第一部分：Java script的基本语法
1：什么是java scrip
JavaScript是一种描述语言，也是一种基于对象和事件驱动的、并具有安全性能的脚本语言
2：为什么要学习Java script
| ①表单验证--减轻服务器压力 | ②动态改变页面内容 | ③实现页面特效 | 4异步请求数据 |
|---|
3：java script的组成部分
| ①ECMA Script核心语法 | ②BOM 浏览器对象模型 | ③DOM 文档对象模型 |
|---|
4：在网页中引用JavaScript的方式
①使用<script type=”text/java script”>内容</script>
②使用外部JavaScript文件 <script type=”text/java script” src=”js文件路径”></script>
③直接在HTML标签中 <input name=”btn” type=”button” value=”弹出消息框” onclick=”java script:alert(“欢迎你”);”/>
5：Java script的基本结构
<script type=“text”/java script>
//输出信息
Consoloe.log();
Alert();
Document.write();
</script>
第二部分：java script变量
1：基本概念：变量名必须是合法的标识符 声明变量可以不赋值也可以赋初值
2：命名规范：不能使用java script中的关键字和保留字（例如：true、false、null、）。可以用)_、$、开头后面跟着字母或者数字。
第三部分：java script数据类型
五个基本数据类型：（可用type of检测）
Number（数字类型） String（字符串类型）Null（空对象类型）
Undefined（未定义类型） Boolean（布尔类型）
| 数据类型 | Type of检测的结果 | 实例 |
|---|---|---|
| Undefined（未定义类型） | undefined | var width; |
| Null（空对象类型） | object | typeof(null) |
| Number（数字类型） | number | var height=20; |
| String（字符串类型） | string | var name=”rose”; |
| Boolean（布尔类型） | boolean | var isOk=true; |
1：number类型-整数：
var rich=100
Alert(“我今天捡到”+rich+“万，哈哈哈”)
浮点数-含有小数点的数。
Var floatNumber=1.5
Var floatNumber=.5(小数0.5，虽然有效，但不是很规范，尽量写规范代码)
Alert(“我的兜里现在只有”+floatnumber+“块钱了”)
2：string字符串
Var name=“周杰伦”；
转义符:
| \n 或 \r换行 | \b 空格 = ； | \t 制表 | \\斜杠 | \‘单引号 | \双引号 |
|---|
3：undefined类型
只有一个值undefined，表示当前变量没有赋值时
Var _name;//相等于 var _name=undefined
Alert(_name);
注意：
| Undefined：与没定义的变量是不一样的 |
|---|
| Undefined：定义了变量，但没赋值，和完全没定义的变量是不一样的 |
| Var _name ; | |
|---|---|
| Console.log(name); | //undefined |
| Console.log(money); | 出现错误 |
Type of检测，两种类型的变量返回的结果都是一样的，都是undefined。
4：null类型
指向一个空对象，表示没有引用任何对象
Var hhh=null；
| Null和undefined的区别 | ||
|---|---|---|
| Null==undefined | //返回true | 两个==表示的是内容是否相等 |
| Null===undefined | //返回false | 说明两个类型不一样 |
| Null属于object类型 undefined属于undefined类型 | ||
5：boolean类型
取值true和false
Alert（“地球是平的： ”+false）；
Alert（“大象比狮子大： ”+true）；
经过比较的结果是布尔类型-document-write（3<6）true;
任何字都可以通过boolean返回结果。Alert（Boolean（“”））；
第四部分。数据类型转换
类型转换函数
| Parseint（“字符串”） | 将字符串转换为整形数字 |
|---|---|
| 例如：parseInt("12a3");会转成整形12 | |
| Parsefloat（“字符串”） | 将字符串转换为浮点型数字 |
| 第一个小数点有效、之后的小数点无效 | |
Number-数值转换
Number（）；规则：
Boolean值，true转1 false转0
为数字时，直接返回数字
为null时，返回0
为undefined时，返回NaN
为字符串
字符串都是数字时，转为十进制数字，0开头则忽略
字符串都是小数点，转为浮点数
制度串为空，转0
除了以上的之外，其他的都转NaN
Java script运算符
运算符类型
| 赋值运算符 | 算数运算符 | 关系运算符 | 逻辑运算符 |
|---|
赋值运算符
语法
变量=表达式，先执行右边的表达式，计算出结果，后将结果赋值给左边的变量
注意：左边必须是变量，右边必须是有效表达式
例如：
| Var a=3+6+2;//有效 |
|---|
| Const PI=3.24;//常量 |
| PI=3.3；//错误，不能给常量二次赋值 |
可以连续赋值:
Var a=b=c=d=1;
算数运算符
加法 +
1：数字类型相加
Var num=100+200；
2：字符串连接符
Var age+“今年”+18+“岁”
亦可用于数字转字符串
Var str=20+“”；//20就转成字符串了
减法 -
可以当做负数，或者将字符串进行转型
乘法 *
Var num 2*3；
除法
1：除数为0
| Var num=1/0； | //并非错误，而是undefined |
|---|
2：与强类语言的区别
| Int num=1/2 | Java语言的结果：0 |
|---|---|
| Var nun1/2 | Js语言的结果是0.5 |
%模运算取余数
| 5%2=1 | 5%-2=1 |
|---|---|
| -5%2=1 | -5%-2=1 |
N++和++n
N++和++n等于var n=n+1
| 两者区别： | |
|---|---|
| ++n//当时独立表达式时 | 前++和后++效果一样 |
| N++//当赋值或输出操作时 | 前++是先运算后赋值，后++是先赋值后与运算 |
| 复合运算符 | |
| N+1 | Var n=n+1; |
| N-1 | Var n=n-1; |
| N*1 | Var n=n*1; |
| N/1 | Var n=n/1; |
| N%1 | Var n=n%1; |
关系运算符
| == | 值类型判断：内容是否相等引用类型判断：地址是否相同 | |
|---|---|---|
| ‘’==‘’ | 结果：true | |
| === | 全等于（值，和类型） | 10===10，true 10===“10”false |
| ！= | 不等于 | 5！=“5”false |
| ！== | 不全等于，内容相等，类型不等 | 5！=“5”true |
| > | 大于 | 1>2 false |
| < | 小于 | 1<2 true |
| >= | 大于或等于 | 2>=2 true |
| <= | 小于或等于 | 2<=3 true |
== 表示两边内容是否相等
Boolean与数字相等操作，false转0，true转1
2==false+true+true// true
数字与字符串相等操作，先将字符串转数字
“10”==10 //true
逻辑运算符
与&&
两边的表达式为true则为true否则为false
5>1&&8<10 true
Ture&&10>20 false
或||
一个为true则为true，除非都是false才是false
非！（取相反数）
！True 结果false
！False 结果 true
！2结果 false
！0结果 true
第五部分 程序调试和用户输出
程序调试
1：使用浏览器调试
按f12进入调试模式或者右键检查代码
设置断点
按f10单步调试，观察变量变化
查看错误信息
2：用弹出框alert调试
用户输出
Var num=prompt(“请输入一段文字”，“默认值”)； //输入框（获取的是string类型数据）