python/JavaScript（一、（数据类型、运算符、控制语句、循环语句、异常处理））
JavaScript的历史
- 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)
- Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript
- 微软随后模仿在其IE3.0的产品中搭载了一个JavaScript的克隆版叫Jscript.
为了统一三家,ECMA(欧洲计算机制造协会)定义了ECMA-262规范.国际标准化组织及国际电工委员会（ISO/IEC）也采纳 ECMAScript 作为标准（ISO/IEC-16262）。从此，Web 浏览器就开始努力（虽然有着不同的程度的成功和失败）将 ECMAScript 作为 JavaScript 实现的基础。EcmaScript是规范.
ECMAScript
-
尽管 ECMAScript 是一个重要的标准，但它并不是 JavaScript 唯一的部分，当然，也不是唯一被标准化的部分。实际上，一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：
- 核心（ECMAScript）
- 文档对象模型（DOM） Document object model (整合js，css，html)
- 浏览器对象模型（BOM） Broswer object model（整合js和浏览器）
Javascript 在开发中绝大多数情况是基于对象的.也是面向对象的.
简单的说，ECMAScript描述了
1、语法
2、类型
3、语句
4、关键字
5、保留字
6、运算符
7、对象（封装 继承 多态）是基于对象的语言，使用对象
一、JavaScript的引入方式
方式一、（直接编写）
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 alert(77) 8 </script> 9 </head> 10 <body> 11 12 </body> 13 </html>
方式二、（导入文件）
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script src="11.js"></script> 7 </head> 8 <body> 9 10 </body> 11 </html>
二、JavaScript的基础
变量：
x=5
y=6
z=x+y
在代数中，我们使用字母（比如x）来保存值（比如5）
通过上面的表达式z=x+y，我们能够计算出z的值为11
在JavaScript中，这些子母被称为变量
JavaScript中变量重点：
1、变量是弱类型的（很随便，会进行隐形转换）
2、声明变量是不用声明变量类型，全部使用var关键字
3、一行可以声明多个变量，并且可以是不同类型
4、声明变量时，可以不用var，如果不用varname它就是全局变量
5、变量命名，首字符只能是字母，下划线，美元符三选一，且区分大小写（x与X是是两个变量）
6、变量还应遵守以下某条著名的命名规则:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 Came1 标记法 8 首字母是小写，接下来的字母都是以大写字符开头，例如： 9 var myTeatValue='hello' (小驼峰写法) 10 11 Pascal 标记法 12 首字母是大写，接下来的字母都以大写字符开头。例如 13 var MyTeatValue='world' (大驼峰写法) 14 15 匈牙利类型标记法 16 在以 Pascal 标记法命名的变量前附加一个小写字母（或小写字母序列），说明该变量的类型。例如，i 表示整数，s 表示字符串，如下所示“ 17 var iMyTeatValue= 22 (专业写法) 18 </script> 19 </head> 20 <body> 21 22 </body> 23 </html>
基础规范
1、每行结束可以不加分号，没有分号会以换行作为每行的结束
2、注释支持多行注释和单行注释（/* */ //）
3、使用{}来封装代码块
常量和标识符
常量：直接在程序中出现的数据值
标号符：
1、不以数字开头的字母、数字、下划线（_）、美元符号（$）组成
2、常用于表示函数、变量等的名称
3、例如：_abc,$abc,abc,abc123是标识符，而1abc不是
4、JavaScript语言中代表特定含义的词称为保留字，不允许程序在定义为标识符
ECMAv3标准保留的JavaScript的关键字
数据类型
数字类型（Number）
最基本的数据类型
不区分整型数值和浮点型值
所有数字都采用64位浮点格式存储，相当于Java和C语言中double格式
能表示的最大值是±1.7976931348623157 x 10308
能表示的最小值是±5 x 10 -324
整型：
在JavaScript中10进制的整数由数字的序列组成
精确表达的范围是-9007199254740992（-253）到9007199254740992（352）
超出范围的整数，精确度将受到影响
浮点数：
使用小数点记录数据
例如：3.4 ，5.6
使用指数记录数据
例如：4.2e23=4.3 x 10的23方
16进制和8进制数的表达
16进制数据前面加上0x
16进制是由（0-9，A-F）等16个字符组成
8进制数据前边加上0
8进制是由 （0-7）等8个数字组成
16进制和8进制与2进制的换算
1 2进制: 1111 0011 1101 0100 <-----> 16进制:0xF3D4 <-----> 10进制:62420 2 2进制: 1 111 001 111 010 100 <-----> 8进制:0171724
字符串（string）
字符串是由Unidode字符、数字、标点符号组成的序列
字符串常量首尾由单引号或双引号扩起
JavaScript中没有字符类型
常用特殊字符在字符串中的表达
字符串中部分特殊字符必须加上右划线\（转义的意思）
常用的转义字符：（\n 换行 \' 单引号 \" 双引号 \\ 右划线 ）
String数据类型的使用
特殊字符的使用方法和效果
Unicode的插入方法
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var str="\u4f60\u597d\n欢迎来到\"JavaScript世界\""; 8 alert(str) 9 </script> 10 </head> 11 <body> 12 13 </body> 14 </html>
布尔型（Boolean）
boolean类型仅有俩个值：true和false，也代表1和0，实际运算中true=1，false=0
布尔值也可以看作on/off yes/no 1/0 对应 true/false
Boolean值主要用于JavaScript的控制语句
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 if (2>1){ 8 alert('OK') 9 }else{ 10 alert('NO') 11 } 12 </script> 13 </head> 14 <body> 15 16 </body> 17 </html>
Null & Undefined
Undefined类型
Undefined 类型只有一个值，即undefined 当声明的变量未初始化时，该变量的默认值是undefined，当函数无明确返回值时，返回的也是值‘undefined’
Null 类型
另一种只有一个值得类型是Null，它只有一个专用值null，即它的字面量。值undefined实际上是从值null派生来的，因此ECMAScript 把他们定义为相等的
尽管这俩个值相等，但它们的含义不同，undefined 是声明了变量但未对其初始化时赋予该变量的值，null 则用于表示尚未存在的对象（在讨论 typeof 运算符时，简单地介绍过一点）如果函数或方法要返回的是对象，那么找不到该对象时 返回的通常是null
数据类型转换：
JavaScript 属于松散乐行的程序语言
变量在声明的时候并不需要指定数据类型
变量只有在赋值的时候才会确定数据类型
表达式中包含不同类型数据则在计算过程中会强制进行类别转换
（数字+数字=数字） 保持本身不变
（字符串+数字=字符串） 数字转换为字符串
（数字+布尔值=数字） 布尔值true转换为1，false转换为0
（字符串+布尔值=字符串） 布尔值转换为字符串true或false
强制类型转换函数：
强制转换成整型：
parseInt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var n= parseInt(6.54)
var n1= parseInt('6.54')
var n2= parseInt('4.2as2')
var n3= parseInt('a223s')
console.log(n)
console.log(n1)
console.log(n2)
console.log(n3)
</script>
</head>
<body>
强制转换成浮点型：
parseFloat
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var n= parseFloat('7.2'); 8 var n1= parseFloat('6.a5s'); 9 console.log(n) 10 console.log(n1) 11 12 </script> 13 </head> 14 <body> 15 16 </body> 17 </html>
eval：
将字符串强制转换为表达式并返回结果
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 v=eval('2+3'); 8 alert(v) 9 10 </script> 11 </head> 12 <body> 13 14 </body> 15 </html>
类型查询函数（typeof）
ECMAsript 提供了typeof 运算符来判断一个值是否在某种类型范围内，可以用这种运算符判断
一个值是否表示一种原始类型；如果它是原始类型，还可以判断它表示那种原始类型
函数typeof: 查看数值当前的类型
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var a='alex'; 8 var b=222; 9 var c=false; 10 var d=null; 11 console.log(typeof a) ; 12 console.log(typeof b) ; 13 console.log(typeof c) ; 14 console.log(typeof d) ; 15 </script> 16 </head> 17 <body> 18 19 </body> 20 </html>
ECMAScript 运算符
ECMAScript 算数运算符
（加 +）、（减 -）、（乘 *）、（除 /）、（余数%）
加、减、乘、除、余数、和（python）数字中的运算方法一样
1 6/2=3 2 3*4=12 3 9%2=1 4 5 (-)除了可以表示减号还可以表示负号 6 例如：x=-2 7 8 （+）除了可以表示加法运算，还可以用于字符串的拼接 9 例如：‘abs’+‘def’=‘absdef’
（递增/自加）++ （递减/自减）--
x++相当于x=x+1
x++ 是引用后赋值
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var x=2; 8 console.log(x++); 9 console.log(x) 10 </script> 11 </head> 12 <body> 13 14 </body> 15 </html>
++x
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var x=2; 8 var b=console.log(++x); 9 console.log(b) 10 </script> 11 </head> 12 <body> 13 14 </body> 15 </html>
x--
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var x=2; 8 var b=console.log(x--); 9 console.log(x) 10 </script> 11 </head> 12 <body> 13 14 </body> 15 </html>
--x
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var x=2; 8 var b=console.log(--x); 9 console.log(b) 10 </script> 11 </head> 12 <body> 13 14 </body> 15 </html>
ECMAScript 逻辑运算符
等于（==） 不等于（！=） 大于（>） 小于(<） 大于等于（>=）小于等于（<=）
与（&&） 或（||） 非（！）
1 && 1=1（1与1 为真）
1 || 1 = 1 (1或1 为真)
1 && 0 =0 (1与0 为假)
1 || 0 =1 （1或0 为真）
0 && 0 =0 （0与0为假）
0 || 0 = 0 （0 或0 为假）
逻辑AND运算符（&&）
逻辑AND云孙德运算数可以是任何类型的，不止是Boolean值
如果某个云算数不是原始的Boolean型值，逻辑AND运算并不一定返回 Boolean值：
1、如果一个运算数是对象，另一个是Boolean值，返回该对象
2、如果两个运算数都是对象，返回第二个对象
3、如果某个运算数是null，返回null
4、如果某个运算数是NaN，返回NaN
5、如果某个运算数是undefined，返回undefined
逻辑OR运算符（||）
与逻辑AND运算符相似，如果某个运算符不是Boolean值，逻辑OR运算并不一定返回Boolean值
1、如果一个运算数是对象，并且该对象左边的运算值均为false 则返回该对象
2、如果两个运算数都是对象，返回第一对象
3、如果最后一个运算数是null，并且其他运算数值均为false 则返回null
4、如果最后一个运算数是NaN，并且其他运算数值均为false 则返回NaN
5、如果某个运算数是undefined，返回undefined
位运算符：
左移（<<） 右移（>>） NOT(~) 位与（&） 位或（|） 异或( ^）
ECMAScript 赋值运算符
JavaScript 中=代表赋值，两个==表示判断是否相等（与Python相同）
例如：
1 x=1 2 if (x==1){ 3 console.log(‘OK’) 4 }
ECMAScript 等性运算符
执行类型转汉的规则如下：
如果一个运算数是Boolean值，在检查相等性之前，把它转换成数字值。false转换成0，true为1
如果一个运算数是字符串，另一个是数字，在检查相等性之前，要尝试把字符串转换成数字
如果一个运算是数对象，另一个是字符串，在检查相等性之前，要尝试把对象转换成字符串
如果一个运算数是对象，另一个是数字，在检查相等性之前，要尝试把对象转换成数字
在比较时，该运算符还遵守下列规则
值null 和 undefined 相等
在检查相等性时，不能null 和 undefined转换成其他值
如果某个运算数是NaN， 等号将返回false， 非等号将返回true
如果两个运算数都是对象，那么比较的是它们的引用值。如果两个运算数指向同一个对象，那么等号返回true，否则两个运算数不等
ECMAScript 关系运算符（重要）
1 var bResult = 'Blue'<'alpha'; 2 3 alert(bResulr); //输出true
在上面的例子中，字符串‘Blue’小于‘alpha’，因为字母B的字符代码是66，字母a的字符代码时97
比较数字和字符串
另一种棘手的状况发生在比较俩个字符串形式的数字时，比如：
1 var bResult ='25' <'3; 2 上面这段代码比较的是字符串‘25’和‘3’ 两个运算数都是字符串，所以比较的是它们的字符代码（‘2’的字符代码是50，‘3’的字符代码时51）
如果把某个运算数改为数字，例如
1 var bResult ='25' < 3; 2 alert(bResult); // 输出false 3 这里，字符串‘25‘将被转换成数字25，然后与数字3进行比较。结果肯定是25大
总结：
1、比较运算符俩侧如果一个是数字类型，一个是其他类型，会讲其他类型转汉城数字类型
2、比较运算符俩侧如果都是字符串类型，比较的是最高为ASCC码，如果最高位相等，继续取第二位比较。
Boolean 运算数（重要）
1 var temp=new Object();// false;[];0; null; undefined;object(new Object();) 2 3 if(temp){ 4 console.log("yuan") 5 }else { 6 console.log("alex") 7 }
全等号和非全等号
等号和非封号的同类运算符是全等号和非全等号。这两个运算符所做的与等号和非等号相同，只是他们在检查相等性前，不执行类型转换
控制语句
if 控制语句
1 if -----else基本格式 2 if（表达式） 3 if （3>2）{ 4 console.log('ok') 5 }else{ 6 console.log('No') 7 }
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var x=(new Date()).getDay() 8 var y; 9 if ((x==6)||(x==0)){ 10 y='周末'; 11 12 }else{ 13 y='工作日' 14 } 15 alert(y) 16 17 // 相当于 18 y='工作日' 19 if ((x==6)||(x==0)){ 20 y='周末' 21 } 22 </script> 23 </head> 24 <body> 25 26 </body> 27 </html>
if 也可以单独使用
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 if (2>1){ 8 alert('OK') 9 }else if (3>2){ 10 alert('ok1') 11 }else if (4<7){ 12 alert('ok2') 13 }else{ 14 alert('NO') 15 } 16 </script> 17 </head> 18 <body> 19 20 </body> 21 </html>
switch 选择控制语句
switch基本格式
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var x=2; 8 switch (x){ 9 case 1:alert('hello');break; 10 case 2:alert('hello1');break; 11 case 3:alert('hello2');break; 12 case 4:alert('hello3');break; 13 default:alert('hello4');break 14 15 } 16 17 </script> 18 </head> 19 <body> 20 21 </body> 22 </html>
1 switch(x){ 2 case 1:y="星期一"; break; 3 case 2:y="星期二"; break; 4 case 3:y="星期三"; break; 5 case 4:y="星期四"; break; 6 case 5:y="星期五"; break; 7 case 6:y="星期六"; break; 8 case 7:y="星期日"; break; 9 default: y="未定义"; 10 }
switch 比 else if结构更加简洁清晰，是程序可读性更强，效率更高
首先要看一个问题，if语句适应范围比较广，只要是boolean表达式都可以用if判断；而switch 只能对基本类型进行数值比较。俩者的可比性就仅限在两个基本类型比较的范围内
说道基本类型的数值比较，那当然要有俩个数。
if语句每一句都是独立的，看下面的语句
if(a==1)
else if (a==2)
这样a要被读入寄存器俩次，1和2分别被寄存器一次，于是 你是否发现其实。a读俩次有点多余，在你全部比较完之前只需要一次读入寄存器就行，其余都是额外开销。但是if语句必须每次都把里面的两个数从内存拿出来读到寄存器，它不知道你其实比较的是同一个a
于是switch case就出来了，把上面的改成 switch case版本
switch（a）{
case 0：
break；
case 1：
}
总结：
1、switch用来根据一个整型值进行多路分支，并且变压器可以对多路分支进行优化
2、switch-case只将表达式计算一次，然后将表达式的值与每个case的值比较，进而选择执行哪一个case的语句块
3、if else 的判断条件范围较广，每条语句基本上独立的，每次判断时都要条件加载一次
所以再多路分支时用switch比 if else if else 结构要效率高
for 循环控制语句
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var b=0; 8 for (b=0;b<10;b++){ 9 console.log(b) 10 } 11 12 </script> 13 </head> 14 <body> 15 16 </body> 17 </html>
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var b=0; 8 for (b=0;b<10;b++){ 9 document.write('<h1>hello</h1>') 10 } 11 12 </script> 13 </head> 14 <body> 15 16 </body> 17 </html>
1 doms=document.getElementsByTagName("p"); 2 3 for (var i in doms){ 4 console.log(i); // 0 1 2 length item namedItem 5 //console.log(doms[i]) 6 } 7 8 //循环的是你获取的th一个DOM元素集，for in用来循环对象的所有属性，dom元素集包含了你上面输出的属性。 9 //如果你只要循环dom对象的话，可以用for循环: 10 11 for (var i=0;i<doms.length;i++){ 12 console.log(i) ; // 0 1 2 13 //console.log(doms[i]) 14 }
结论：
for i in 不推荐使用
while 循环控制语句
while 循环基本格式
while （条件）{
语句1；
}
功能说明
运行功能和for类似，当条件成立循环执行语句花括号{}内的语句，否则跳出循环
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var i=1; 8 while (i<7){ 9 document.write('<h1>hello1</h1>') 10 } 11 12 </script> 13 </head> 14 <body> 15 16 </body> 17 </html>
练习：分别用for循环和while循环计算出1-100的和
1 for循环 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 <script> 8 var i=0; 9 var num=0; 10 while (i<100){ 11 num+=i 12 } 13 alert(num) 14 </script> 15 </head> 16 <body> 17 18 </body> 19 </html> 20 -------------------------------------------------------- 21 while 循环 22 <!DOCTYPE html> 23 <html lang="en"> 24 <head> 25 <meta charset="UTF-8"> 26 <title>Title</title> 27 <script> 28 var i=0; 29 var num=0; 30 while (i<100){ 31 num+=i 32 } 33 alert(num) 34 </script> 35 </head> 36 <body> 37 38 </body> 39 </html>
异常处理
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 var x=1; 8 try { 9 console.log(x) 10 }catch (e){ 11 console.log(e) 12 }finally { 13 console.log('OK') 14 } 15 </script> 16 </head> 17 <body> 18 19 </body> 20 </html>
try{
这段代码从上往下执行，其中任何一个语句抛出异常该代码块就结束运行
}
catch（e）{
如果try代码块中抛出异常，catch代码块中的代码就会被执行
e是一个局部变量，用来直系那个Error对象或者其他抛出的对象}
finally{
无论try中代码是否有异常抛出（甚至try代码中有return语句），finally代码块中始终会被执行}
注：主动抛出异常 throw Error（‘xxxx’）