web_day5_总结

1.注释

// 单行注释:在注释文字前加
/*
多行注释
*/

2.标识符

由字母、数字、下划线和一般不轻易使用,在jq有特殊的意义)

3.关键字

for if var constant while func true false等

4.数据类型

  1. Number(数字)、String(字符串)、Boolean(布尔)、Array(数组)、Obeject(对象)
    a.Number -- 包含所有的数字(包含整数、小数),支持科学计数。例如100,0.23
    b.String -- 既可以用单引号,也可以用双引号,支持转义字符和编码字符
    c.Boolean -- 只有true和false两个值,分别代表真和假
    d.Array -- 相当于python中的列表,[1,'he', true, [1,2,3]]
    e.Obeject -- 类似python中字典和对象的结合

2)typeof函数 -- 获取数据对应的类型

3)类型名(数字) -- 类型转换
parseFloat(数据) -- 将数据转换成浮点数
parseInt(数据) -- 将数据转换成整数

5.语句

一行一般情况下只写一条语句,语句结束后可以有分号也可以没有;
如果一行有多条语句,语句之间必须有分号
缩进无要求,大小写敏感

声明变量的语法

*1)语法1
* 变量 = 值
*
*2)语法2:
* var 变量名 / var 变量名 = 值
*
* 3)说明
* 变量名 - 标识符、不能是关键;驼峰式命名;
* 声明变量如果没有给变量赋值(语法2才支持),变量的默认值是undefined
*/
同时声明多个变量,赋相同的值
a = b = c = 10

同时声明多个变量,赋不同的值
var a1, b1=10, c1=20

js支持数学运算法、比较运算符、逻辑运算符、赋值运算符、位运算

1.数学运算符:+,-,*,/, %, ++, --

1)自加自减的坑
num = 10
num2 = num ++ // num2 = num; num += 1 返回值为旧值

num = 10
num2 = ++ num // num += 1; num2 = num 返回值为新值

2.比较运算符:>, <, ==, !=, >=, <=, !==, ===
console.log(5 == '5') // true == 判断值是否相等(不管类型)
console.log(5 === '5') // false === 判断值和类型是否相等

支持表示范围的连续写法

3.逻辑运算:&&(逻辑与运算)、||(逻辑或运算)、!逻辑非运算
和python中的and, or, not功能一样

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

5.复合运算和python一样
数学运算符、比较运算符、赋值运算符、逻辑运算符、

6.三目运算符 - 表达式?值1:值2
判断表达式的值是否是true,如果为true整个运算的结果是值1,否则为值2

js有if和switch两种分支结构

1.if分支
/*1)结构1: if
js:
if(条件语句){
满足条件执行的代码块
}

python: if 条件语句:
满足条件执行的代码块
2)结构2 -- if-else
if (条件语句){
满足条件执行的代码块
}
else{
不满足条件执行的代码块}

  1. 结构3 -- if - elif ...else
    if (条件语句1){
    满足条件1执行的代码块
    }
    else if(条件语句2){
    满足条件2执行的代码块}
    else{其他代码块}

2.switch
1)语法:
switch(表达式){
case 值1:
代码块1
case 值2:
代码块2
case 值3:
代码块3
default:
代码块N
}

  1. 执行过程
    先计算表达式的结果,然后让这个结果按顺序从前往后和每个 case后面的值进行比较;如果哪个case的值和表达式结果相等,将这个case作为入口,依次后面每个所有的代码块;直到执行完最后一个代码块或者遇到break为止;如果每个case的值都和表达式的结果不相等,直接执行default后面的代码块(default可以不写)

js中循环分为for循环和while循环

  1. for循环
  • 1)python类似的循环:for-in 循环
    for(变量 in 序列){
    循环体
    让变量依次获取序列/对象中元素的下标(下标/属性名),一个一个取完为止
    取的是下标

2)c中的for循环
for(表达式1;表达式2;表达式3){
循环体
}
执行过程:先执行表达式1,再判断表达式2的值是否为true;如果为true执行循环体,执行完循环体再执行表达式3;再判断表达式2是否为true,如果为true执行循环体,执行完循环体再执行表达式3;再判断表达式2是否为true,如果为true执行循环体,执行完循环体再执行表达式3;以此类推,直到表达式2的结果为false,循环结束.

2.while 循环
1)while循环
while(条件语句){
循环体
}

2)do - while循环
do{
循环体
}
while (条件语句)

执行过程:执行循环体,判断条件语句是否为true,再执行循环体; 执行完循环体,又判断条件语句是否为true; 依次类推,直到条件语句为false循环结束

函数

1.语法
function 函数名(参数列表){
函数体
}

位置参数有效
关键参数不报错,但是顺序无效
参数可以设置默认值(有默认值的参数要在后面) NaN(无效数字)
不支持不定长参数
声明函数其实就是声明一个类型是function的变量

2.匿名函数
function(参数列表){}

字符串

单引号或者双引号引起来的字符集,支持转义字符和编码字符

  1. 获取字符
    字符串[下标]
    1)下标只有正值,没有负的
    2)下标越界不会报错,获取到的值是undefined
  1. js中不支持[]对应的切片语法,但是有相应的方法

2.相关操作
1)加法运算
支持字符串和任何数据相加,不是字符串类型的数据先转化为字符串再拼接
2)比较运算:和python一样
3)字符串长度:字符串.length

3.相关方法
1)字符串.match(正则)
2)字符串.slice(开始下标,结束下标)

js中的数组相当于python中的列表

1.查
获取单个元素:数组[下标]
遍历

2.增
数组.push(元素) -- 在数组的最后添加元素
数组.splice(下标, 删除个数,插入元素1,插入元素2) -- 在某个下标的前面去插入元素

3.删
数组.pop()
取出数组中第一个元素 -- 数组.shift()
数组.splice(下标,个数) -从指定下标开始删除对应个数的元素

4.改
数组[下标] = 值

5.排序 -- sort(函数对象)
函数对象 -- 函数,有两个参数(代表数组中的两个元素)。返回值就是排序方法
数组元素从大到小排序 -- 降序
new_nums = nums.sort(function(a, b){return b-a})
数组元素从小到大排序 -- 升序
new_nums = nums.sort(function(a, b){return a-b})

对象

1.什么是对象
和python中类的对象一样,主要由对象属性和对象方法组成

2.创建对象
1)对象值
obj1 = {
name:'xm',
age:18,
gender:'male'
}
2)new 类型()
obj2 = new Object()

3.构造方法 -- 一个用来创建对象的函数
1)函数名相当于类名,首字母大写
2)函数的功能是通过this添加属性和对象方法(这儿的this就相当于self)
3 ) 返回值this
function Person(name, age, gender='男'){

    // 通过new的方式调用,this:Person{}
    // 直接调用:this : window
    
            console.log(this)
    
    
    this.name = name;
    this.age = age;
    this.gender = gender;
    
    this.eat = function(food){
        console.log(this.name + '在吃' + food)
    }
    
    return this

}

4)使用构造方法创建对象
对象 = 构造方法()
p1 = new Person('xm', 18)
p2 = new Person('xh', 16, 'girl')

5)通过使用对象使用对象属性和调用对象方法

p1.name = 'xhh'
console.log(p1.name, p1['name'])

6.添加/修改属性
对象.属性 = 值

你可能感兴趣的:(web_day5_总结)