javascript 简介:
JavaScript 是因特网上最流行的脚本语言，它存在于全世界所有 Web 浏览器中，能够增强用户与 Web 站点和 Web 应用程序之间的交互。
jvavscript的组成:
一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：
- 核心（ECMAScript）
- 文档对象模型（DOM）
- 浏览器对象模型（BOM）
- ECMAScript 描述了以下内容：
- 语法
- 类型
- 语句
- 关键字
- 保留字
- 运算符
- 对象
- 对象 (封装 继承 多态) 基于对象的语言.使用对象.
DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。
DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物
DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点。
JavaScript基础
1.javascript的导入方式
直接编写:
<script>
alert('hello gu')
</script>
导入文件:
<script src='hello.js'></script>
2.1 js的变量
1.声明变量时,不用什么变量类型,全部使用var关键字;
var a;
a=3;
2.一行可以声明多个变量,并且可以是不容类型
var name='gu';age='12';job='lect';
3. 声明变量不用var,就是全局变量
4,命名规则,首字符必须是字母,下划线或者$符号,区分大小写;
Camel 标记法 首字母是小写的，接下来的字母都以大写字符开头。
例如： var myTestValue = 0, mySecondValue = "hi";
Pascal 标记法 首字母是大写的，接下来的字母都以大写字符开头。
例如： Var MyTestValue = 0, MySecondValue = "hi";
匈牙利类型标记法 在以 Pascal 标记法命名的变量前附加一个小写字母（或小写字母序列）， 说明该变量的类型。
例如，i 表示整数，s 表示字符串，如下所示“ Var iMyTestValue = 0, sMySecondValue = "hi";
2.2 常量和 标志符
常量:直接出现在程序中出现的数据值
标志符:
1.不以数字开头的字母,数字,下划线_ 美元符号组成
2.常用于函数,变量等名称,
3.JavaScript语言中代表的特定能够含义的词为保留字,不允许再定义为标志符
2.3 js的数据类型
umber --数值
boolean--布尔值
string--字符串
undefined---undefined
null --null
2.3.1 数字类型number
var num=10;表示整数10
var num=1.1;表示浮点数1.1
var num=.1;表示0.1
var num=10.0;解析成10
var num=10.;小数点后面没有数字,解析成10
不区分整形数值和浮点型数值;
都采用64位浮点格式存储;
整数;
在JavaScript中10进制的整数由数字的序列组成
精确表达的范围是
-9007199254740992 (-253) 到 9007199254740992 (253)
超出范围的整数，精确度将受影响
浮点数;
使用小数点记录数据 ;3.4
使用指数记录数据;4.3e23=4.3*10的23次 方
16进制和8进制的表达:
16进制数据前面加上0x,由0-9和aA-F16个字符组成,
8进制前面加上0;0-78个字符组成
2.3.2 字符串类型(string)
由Unicode字符,数字,标点符号组成的序列;
由单引号和双引号括起来;
2.3.3布尔类型(Boolean)
只有2个值True和false,代表1和0,运算中True=1,false=0
可以看做on/off,yes.no ,1/0对应True/false
2.3.4 null和undefined类型
undefined类型只有一个值,既undefined,当声明的变量未初始化时,该变量的默认值就是undefined.
函数没有返回值,返回的值也是undefined.
null类型
只有一个值的类型,undefined是null派生出来的,null是表示尚未存在的对象
如果函数或方法返回的是对象,找不到该对象,返回null
2.4 运算符
算术运算符： + - * / % ++ --
var x=10;
x+=1;是x的自增1操作
x++;先赋值在计算
++x;先计算后赋值
- 出了表示减号还可以表示负号
+ 除了表示jiafa,还可以用于字符串连接
比较运算符： > >= < <= != == === !==
=== 是完全等于,如果字符串是数字可以和数字比较等值
console.log(2==='2')
逻辑运算符： && 逻辑与 || 逻辑或 ！ 逻辑非
var name='egon';
var gender='male';
if (name=='egon' && gender=='males'){
console.log('success!') }
赋值运算符： = += -= *= /=
字符串运算符： + 连接，两边操作数有一个或两个是字符串就做连接运算
NaN
var d="gu";
d=+d;
alert(d);NaN是属于number类型的一个特殊值,当遇到字符串转成数字无效时,
就会得到一个NaN数据
alert(typeof(d));
2..4.2 比较运算符
> >= < <= != == === !==
if (2>1){
console.log("条件成立!")
等号==与非等号!==的同类运算符是全等号===和非全等号!==,
只是在检测相等性前,不执行类型装换.
}
举例:
var bResult = "Blue" < "alpha";
alert(bResult); //输出 true
在上面的例子中，字符串 "Blue" 小于 "alpha"，因为字母 B 的字符代码是 66，字母 a 的字符代码是 97。
比较数字和字符串
另一种棘手的状况发生在比较两个字符串形式的数字时，比如：
var bResult = "25" < "3";
alert(bResult); //输出 "true"
上面这段代码比较的是字符串 "25" 和 "3"。两个运算数都是字符串，所以比较的是它们的字符代码（"2" 的字符代码是 50，"3" 的字符代码是 51）。
不过，如果把某个运算数该为数字，那么结果就有趣了：
var bResult = "25" < 3;
alert(bResult); //输出 "false"
这里，字符串 "25" 将被转换成数字 25，然后与数字 3 进行比较，结果不出所料。
总结：
比较运算符两侧如果一个是数字类型,一个是其他类型,会将其类型转换成数字类型.
比较运算符两侧如果都是字符串类型,比较的是最高位的asc码,如果最高位相等,继续取第二位比较.
console.log(4 && 3);//3 && 与操作2个值都为非零,取最后的值
console.log(0 && 3);//0 && 与操作2个值有1个是零,得到0,
console.log(0 || 3);//3 || 或操作,2个值中有个0 ,取非0 的那个值
console.log(2 || 3);//2 || 或操作,2个值中都是非0,取第一个值
注意2:
等性运算符：执行类型转换的规则如下：
如果一个运算数是 Boolean 值，在检查相等性之前，把它转换成数字值。false 转换成 0，true 为 1。
如果一个运算数是字符串，另一个是数字，在检查相等性之前，要尝试把字符串转换成数字。
如果一个运算数是对象，另一个是字符串，在检查相等性之前，要尝试把对象转换成字符串。
如果一个运算数是对象，另一个是数字，在检查相等性之前，要尝试把对象转换成数字。
在比较时，该运算符还遵守下列规则：
值 null 和 undefined 相等。
在检查相等性时，不能把 null 和 undefined 转换成其他值。
如果某个运算数是 NaN，等号将返回 false，非等号将返回 true。
如果两个运算数都是对象，那么比较的是它们的引用值。如果两个运算数指向同一对象，那么等号返回 true，否则两个运算数不等。
2.5 流程控制
顺序结构(从上向下顺序执行)
分支结构
循环结构
2.5.1顺序结构
<script>
console.log('1');
console.log("2');
console.log('9');
</script>
2.5.2分支结构
if (表达式){
语句1;
.....
}
else{
语句2;
}
功能说明:如果表达式的值为True,则执行语句1,否则执行语句2
var x=(new Date()).getDay();//获取今天的星期值,0 为星期天
var y;
if ( (x==6) || (x==0)){
y="周末";
}
else{
y="工作日";
}
console.log(y)
if - elif - else 结构:
var score=window.prompt('您的分数:');
if(score>90){
ret="优秀";
}
else if(score>80){
ret="良";
}
else if(score>60){
ret="及格";
}
else{
ret="不及格";
}
console.log(ret)
switch-case结构
switch基本格式
switch(表达式){
case 值1:语句1;break;
case 值2:语句2;break;
default:语句4;
}
举例:
var z =2;
switch (z) {
case 1:y = "星期一";break;
case 2:y = '星期二';break;
case 3:y = "星期三";break;
default: y = '未定义';
}
// alert(z)
console.log(z)
2.5.2循环结构
语法规则:
for(初始表达式;条件表达式;自增或自减)
{
执行语句.....
}
for循环的另一种形式:
for(变量 in 数组或对象){
执行语句.....
}
while循环
while(条件){
语句1;
.....
}
var i=1;
while (i<=7){
document.write("<H"+i+">hello</H "+i+">");
document.write("<br>");
i++;
}//循环输出h1 到h7的字体大小
功能与for类型,当条件成立执行大括号内的语句,否则跳出循环,同样支持continue与break
2.5.3异常处理
try{
//这段代码从长上往下运行,其中任何一个语句抛出异常就结束运行
}
catch(e){
//try 代码抛出异常,catch代码就被执行,e是局部变量, 用来执行error对象或者其他抛出的对象
}
finally{
//无论try 代码是否有异常抛出(甚至try代码中有return语句),finally代码都会执行
注:主动抛出异常 throw Error('xxx')