一.js基础

1.注释(和c语言一样)

单行注释 //
多行注释 /* 内容 */

2.标识符

标识符就是 用来命名的(给变量命名，函数命名，对象命名)
js中要求标识符是由字符、数字、下划线和 abc12

console.log(abc) -->在控制台打印括号中的内容

3.常用数字类型

数字类型(Number)、布儿(Boolean)、字符串(String)、数组(Array)、对象(Object)、function(函数)等
数字类型(Namber):包含所有的数字（整数和小数）、支持科学计数法，不支持复数

image.png

布尔（Boolean):true和false

字符串(String):用单引号或者双引号括起来

image.png

数组(Array):相当于python中列表

image.png

对象(Object):python中对象和字典的结合

image.png

Function(函数):相当于python中的函数

image.png

typeof(数据) - 获取数据类型

image.png

new类型名(数据) - 将数据转换成指定类型

image.png

常用的特殊值:undefined(相当于python中的None),null(一般用来清空变量)

4.格式:js没有缩进

二.变量

语法:
var 变量命
变量命 = 值
说明：
var - 是js关键字，声明变量变量的时候用，var可以省略，省略的时候变量命后面必须赋值。
不省略的时候变量命后面可以赋值，也可以不用赋值，不赋值的有时候默认为underfind
变量命 - 不能是关键字，驼峰式命名

声明一个变量

image.png

同时声明多个变量命

image.png

变量中的值，可以赋其他任何类型的值

image.png

三.元算符

js中支持：数学运算符，比较运算符，逻辑运算符，赋值运算符，位运算符

1.数学运算符：=,-,/,%,*(js7),++,--

=,-,,/,%,*和python中一样，但是不支持整除(//)

image.png

++（自加1），--（自减1）
变量++，++变量 ，变量--，--变量（注意：变量必须要有值）
注意赋值的时候，++和--写在变量的前面和后面对应的效果不一样

image.png

比较运算：>,<,<=,>=,!=,===,!==,<==,>==
比较运算返回值都是布尔值
==(相等):判断值是否相等
===(完全相等):判断值和类型是否相等

image.png

3.逻辑运算符

&&(与)，||(或)、！(非)
运算规则和python中and，or，not一摸一样

4.赋值运算符

赋值运算符:=，+=，-=，*=，/=，%=
和python一样

5.位运算符:&,|,^,~,>>,<<

 和python一样

四.分支结构

js中有两个分支结构，分别是if和switch语句

1.if语句

结构：
if(条件语句){
代码段
}
说明：
if -- 是关键字
(){} -- 固定写法
执行过程:判断条件语句是否为true，为true就执行{}中代码(不管缩进问题)

image.png

if-else结构：
if (条件语句){
代码段1
}else{
代码段2
}

image.png
image.png

2.switch语句

结构
switch(变量/表达式){
case 值1:{
代码段1
}case 值2:{
代码段2
}case 值3:{

       代码段3
   }
   ....
   default:{
       代码段4
   }
   }

    执行过程：先计算表达式的值，然后从上往下一一和case后面的值进行比较，找到第一个表达式相等的case；
        然后将这个case作为值，依次执行后边的所有代码段，知道执行完或者遇到break为止
        如果没有那个case的值和表达式一样，就执行default后面代码段

image.png

练习；从服务器获取到的星期对应的值是0-6，在程序中对应打印其对应的星期值；周一到周天

image.png

练习：将一个变量存成绩点(整数0-5)，0：不及格，1-3:及格，4-5:优秀

image.png

五.循环结构

js中的循环有for

1.for循环

a.for-in：和python的for循环的执行过程一样
 /* for (变量 in 序列){
    
    循环体
}
注意：取出来的是元素的下标

image.png

c的for循环结构:
for(语句1；表达式2；语句3){
循环体
}
执行过程:先执行语句1，然后再判断表达式2的结果是否为true，为true就执行循环体，执行完循环体再执行语句3
再判断表达式2的结果是否为true，为true就执行循环体，执行完循环体再执行语句3
依次类推，直到表达式2的结果为false，整个循环就结束
z指导思想：语句1 - 里面写循环开始前的准备工作
表达式2 - 控制循环次数的
语句3 - 改变循环次数

image.png

死循环 -- for(;true;){}

2.while循环

a.while循环:和python的while循环一样
while(条件语句){
循环体
}
b. do-while
do{
循环体
}while(条件语句)
执行过程:先执行循环体，然后在判断条件语句是否为true；
为true执行循环体，执行完有判断条件语句是否为true；
依次类推，指导条件语句的结果为false，循环就结束

3.break和continue

 和python一样

六.函数

函数分为声明和调用，声明的时候不会执行函数体，只有调用的时候才会执行函数体

1.函数的声明

和python相同的声明方式
function 函数名 (参数列表){
函数体
return 返回值
}

说明：
function - 声明函数的关键字
函数名 -- 驼峰式命名，见名知义
参数列表 -- 参数如果没有设置默认值，相当于设置默认值underfined
返回值 -- 没有return就返回underfined

以声明变量的形式声明变量
函数名 = function (参数列表){
函数体
return 返回值
}

image.png

2.函数的调用

函数名 (实参列表)
调用函数的时候，保证每个参数都有值
只能通过位置参数传参

七.数据类型

1.字符串：单引号或者双引号扩起来

a.转义字符:和python一样
b.字符串长度:字符串.length
c.获取单个字符：字符串[下标]
注意：下标取值范围0～长度-1，超出范围取到的是underfined

image.png

相关运算
'+' - 将两个字符串拼接在一起产生一个新的字符
// (注意：如果是一个字符串加上其他数据，会将这个数据先转换字符串再相加)
// js不支持乘法*运算
// js支持比较运算(>,<,==,!=,===,!==) 和python一样，还是比较字符编码值的大小

image.png

相关方法（看菜鸟的表）
match(正则表达式)--根据正则表达式匹配结果
js中的正则表达式是写在//之间的

image.png

八.数组

数组就是python中的列表

1.数组是有序的，可变的，里面的元素可以是任何数据类型

2.数组的增删改查

a.查(获取数组中的下标)
数组[]

image.png

获取数组的长度

image.png

b.增(添加元素)
数组.push(元素) -- 将元素添加到数组的最后

image.png

c.删(删除元素)
数组.pop() --- 删除最后一个元素

image.png

九.对象

js中没有python的类，只有对象和构造方法

1.对象的字面量

对象 = {属性名：属性值，属性名1:属性值2....}

s

2.使用对象属性

对象.[属性名]
对象.属性

image.png

3.构造方法

function 类名(参数列表){
this.属性1 = 属性值1
this 属性2 = 属性值2

        ....
        return this   这句话必须写
}

这儿的this类似python的self，表示当前对象

image.png