javascript
一、认识js
1.什么是js
js是Javascript的缩写，是一门专门用来处理网页中的行为的脚本语言，也是web标准中的行为标准
javascript和Java没有任何关系。
2.在什么地方写js代码
window.alert()--在网页上面弹出一个对话框
内联的js：写在标签事件相关的属性中，列如：onclick属性，属性值是js代码
内部的js：写在script标签的内容中，script标签理论上是可以放在整个html文件的任意位置，
但是一般放在head或者body中
外部的js：写在外部的一个js文件中（后缀是js的文件），然后再通过script标签设置src属性
的值为js文件地址来导入
3.js能做什么
a.js可以修改标签中的样式
b.js可以修改标签中的内容
c.通过js插入html代码
二、js基础语法
1.注释
//单行注释
/*
多行注释
多行注释
*/
2.标识符
标识符就是用来命名的（给变量命名，函数命名，对象命名）
js中要求标识符是由字符、数字、下划线和$符组成，数字不能开头
js中大小写敏感
var abc,abc12,hj_23,hj$
console.log()-->在控制台打印括号的内容
console.log(abc)
3.常用数据类型
数字类型（Number）、布尔（Boolean)、字符串（string）、数组(Array)、对象(Object)、function（函数）
数字类型（Number):包含所有的数字（整数和小数），支持科学计数法，不支持虚数
布尔（Boolean):true和false
字符串（String):用双引号或者单引号引起来
数组(Array):相当于python中的列表
对象（Object):python中对象和字典的结合
var p1={name:'于婷',age:18,sex:'女'}
function（函数）：相当于python中的函数
4.typeof(数据)--获取数据类型
5.转换数据类型
new 类型名（数据）--将数据转换成指定的类型
var a =new Boolean(100)
console.log(a)
常用的特殊值：undefined(相当于python中的None)，null（一般用来清空变量）
三、变量
语法
var 变量名
变量名=值
说明：
var-是js关键字，声明变量的时候用。var可以省略，省略的时候变量名后面必须赋值
不省略的时候，变量名可以赋值，也可以不赋值，不赋值的时候默认值是undefined
变量名-标识符，不能是关键字。驼峰式命名规范
同时声明多个变量
var age=18,sex,score=100
console.log(age,sex,score)
四、运算符
js中支持：数学运算符，比较运算符，逻辑运算符，赋值运算符，位运算符
1.数学运算符：+，-， * ，/,%,**(js7),++,--
++（自加1），--（自减1）
变量++，++变量，变量--，--变量（注意：变量必须有值）
var number=10
++number
console.log(number)
var number1 =1,number2
number2=number1++ //先赋值再加加
console.log(number1,number2) //2,1
var number11=1,number22
number22=++number11 //先加再赋值
console.log(number11,number22) //2,2
2.比较运算符：>,<,==,!=,>=,<=,===,！==
比较运算符的返回值都是布尔值
==（相等）：判断值是否相等
====（完全相等）：判断值和类型是否相等
console.log(5==5) //true
console.log(5=='5') //true
console.log(5===5) //true
console.log(5==='5') //false
3.逻辑运算符：&（与）、|（或）、！（非）
运算规则和python中的and，or，not一模一样
4.赋值运算符：=，+=，-=，*=,/=,%=
和python一样
5.位运算符 ：& ，| ， ^, ~ , >> , <<
和python一样
6.复合运算：数学>比较>逻辑>赋值
可以通过加（）来改变运算顺序
五、分支结构
js中的分支结构有两个，分别是if语句和switch语句
1.if语句
结构：
a.if（条件语句）{
代码段
}
说明：
if -是关键字
（）{}-固定写法
执行过程：判断条件语句是否为true，为true就执行{}中的代码（不管缩进问题）
number=10
if(number % 2==0){
console.log('是偶数')
}
b.if-else结构：
if（条件语句）{
代码段1
}else{
代码段2
}
c.if-else if-else结构
if(条件语句){
代码段1
}else if(条件语句2){
代码段2
}else{
代码段3
}
2.switch语句
结构：
swicth(变量/表达式){
case 值1：{代码段1}
case 值2 : {代码段2}
......
default:{代码段3}
}
执行过程：先计算表达式 的值，然后从上往下一一和case后面的值进行比较，找到第一个
和表达式相等的case，然后将这个case作为入口，依次执行后面的所有的代码段
（这个case后边其他case后面的代码段直到执行完，或者遇到break为止。
如果没有找到和表达式一样的case值，就执行default后面的代码段
六、循环结构
js中的循环有for循环 和while循环
1.for循环
a.for -in:和python的for循环执行过程一样
for （变量 in 序列）{
循环体
}
注意：取出来的是元素的下标
b.C的for循环结构
for（语句1；表达式2；语句3）{
循环体
}
执行过程：先执行语句1，
再判断表达式2的结果是否为true，为true就执行循环体，执行完循环体再执行语句3；
再判断表达式2的结果是否为true，为true就执行循环体，执行完循环体再执行语句3；
依次类推，直到表达式2的结果为false，整个循环就结束
指导思想：语句1-里面写循环开始前的准备工作
表达式2-控制循环次数的
语句3-改变循环次数
2.while循环
a.while循环：和python的while循环一样
while（条件语句）{
循环体
}
b.do-while循环
do{
循环体
}while（条件语句）
执行过程：先执行循环体，然后再判断条件语句是否为true；
为true再执行循环体，执行完循环体又判断条件语句是否为true：
以此类推，直到条件语句的结果为false，循环就结束。
3.break和continue：和python一样
七、函数
函数分为声明和调用，声明的时候不会执行函数体，只有调用函数才会执行函数体
1.函数的声明
a.和python相同的声明方式
function 函数名（参数列表）{
函数体
return 返回值
}
b.以声明变量的形式声明函数
函数名=function（参数列表）{
函数体
return
}
说明：
function-声明函数的关键字
函数名-驼峰式命名，见名知义
返回值：没有return返回值就是undefined
function sum(num1,num2){
console.log('求两个数的和',num1,num2)
return num1+num2}
sum(2,3)
2.函数的调用：
函数名（实参）
调用的时候，保证每个参数都有值
如果不给参数赋值，参数有默认值undefined
只能通过为止参数传参，不支持关键字传参
js中不支持不定长参数传参
八、字符串
1.字符串：由单引号或者双引号括起来的
a.转义字符和python中一样
b.字符串长度：字符串.length
c.获取单个字符：字符串[下标]
注意：js中下标的取值范围是0~长度-1，超出范围取到的是undefined;
js中不能切片
d.相关运算方法
+：将两个字符串拼接在一起产生新的字符串
（注意：如果是一个字符串加上其他数据，会先将其他数据转换成字符串再相加）
*：js中字符串不支持乘法运算 注意：NaN表示一个不存在的数
比较运算（<,>,==,!=,===,!==)
<,>--和python一样，还是比较字符编码的大小
Infinity：无穷大
console.log('abc'.length)
console.log('abc'[4])
相关的方法：（看菜鸟的表）
js中的正则表达式是写在//之间的
str.match（正则表达式）-根据正则表达式匹配对象
九、数组
数组就是python中的列表
1.数组是有序的，可变的
2.增删改查
a.查：（获取数组中的元素）
数组[下标]
获取数组的长度：数组.length
b.增（添加元素）
数组.push(元素)--将元素添加到数组的最后
c.删除
数组.pop()--删除最后一个元素
数组.splice（开始删除的下标，删除的个数）-从数组指定的下标开始删除指定的个数
d.修改（修改指定下标的元素）替换指定下标后指定个数个元素
数组[下标]=新值-修改指定下标的元素
数组.splice（开始下标，个数，多个其他参数）--用其他参数
十、对象
js中没有python中的类，只有对象和构造方法
js中的对象相当于python中的对象和字典的结合
1.对象的字面量
对象名=（属性名：属性值，属性名2：属性值2）
2.使用对象方法
对象[属性名]
对象.属性
p1={
//对象属性
name:'小明',
age:19,
tel:135123,
eat:function(){console.log('吃饭')}
}
p1.eat()
3.构造方法
function 类名（属性1，属性2..）{
this.属性名1=属性1
this.属性名2=属性2
this.方法名=function（）{
函数体
}
return
}
function Dog(color,age,type){
this.color=color
this.age=age
this.type=type
this.eat=function(){
console.log('吃东西')
}
this.jiao=function(){
console.log('汪汪汪')
}
return this
}
dog1=Dog('black',2,'crazy')
console.log(dog1.age)