day24-Javascript-壹

day24-Javascript-1

---

一、认识js

---

1.什么是js

• js是javascript的缩写，是web标准中的行为标准，负责页面上内容的变化

---

2.js代码写在哪

• 1)写在标签的事件相关属性中
• 2)写在script标签中，script标签可以出现在html中的任何位置
• 3)将js代码写在js文件中，然后在html中通过script标签来导入
  • 注意：如果script标签作用是导入外部js，那么就不能在这个标签中再去写js代码

---

3.js能做什么

• 1)修改或者获取标签中的内容
• 2)修改标签的样式
• 3)修改标签的属性值
• 4)在网页中插入标签

---

二、js基础语法1

---

1.注释

• //单行注释
• /**/多行注释

---

2.标识符

• 由字母、数字、下划线和$组成
• 数字不能开头
• 不能是关键字，js中大小写敏感
  • 关键字就是js有特殊意义的或功能的标识符；例如var,let,for,while,function等等...
• 注意：一般命名的时候不使用$

---

3.语句

• 一般一条语句占一行，一行结束后可以写分号也可以不写。如果一行写多条语句，语句之间必须写分号
• js中没有行和缩进的要求

---

4.输出函数

• console.log()相当于python中的print()

---

5.常见的数据类型

• 数字、字符串、布尔、数组、函数、对象
• 数字(Number)：所有的数字，包括整数、小数、整数、负数
• 字符串(String)：所有的字符串，用单引号或双引号引起来的字符集，字符编码采用的是Unicode，也支持转义字符和编码字符，不支持python中的r/R语法
• 布尔(Boolean)：只有true和false两个值
• 数组(Array)：相当于python中的列表，[元素1,元素2,...]
• 对象：相当于python中字典和对象的结合

---

6.类型转换

• 类型名(数据)/parseFloat()：将数据转换成小数/parseInt()：将数据转换成整数
• typeof(数据)

---

三、变量

---

1.声明变量

• 1)语法1：变量名 = 值
  • 不管在什么位置声明，这个变量从声明开始到文件结束都可以用
• 2)语法2：var 变量名 = 值 / var 变量名
  • 如果声明在函数中，那么只能在函数中使用；声明在函数外面，声明开始到文件结束都可以用
• 3)语法3：let 变量名 = 值 / let 变量名
  • 只要声明在{}中，出了{}就不能使用；声明在{}外面，声明开始到文件结束都可以用
• js采用驼峰式命名

---

2.声明常量

• 变量中保存的值可以修改；常量中保存的数据不能修改
• const 常量名 = 值
• 声明常量的时候必须有初始值

---

四、运算符

---

1.js中的运算符

• js中支持运算符有：数学、比较、逻辑、赋值运算符、(位运算)
• 1)数学运算符：+,-,*,/,%,**(和python一样)；以及++,--
  • ++：自加1/--：自减1；变量++、++变量/变量--、--变量
• 2)比较运算符：>,<,<=,>=,==,!=,===,!==
  • 比较大小和python用法一样
  • ==/!=：比较值是否相等，但是不管类型
  • ===、!==：比较是否完全相等，和python一样
• 注意：js中不支持比较运算符的连续写法来表示范围
• 3)逻辑运算符：逻辑与(&&)、逻辑或(||)、逻辑非(!)
  • 运算规则和python一样
• 4)赋值运算符：=,+=,-=,*=,/=,%=,**=
  • 和python用法一样
• 5)运算顺序：也和python一样

---

五、分支和循环

---

1.分支结构：if和switch

• 1)if语句
  • if(条件语句){满足条件需要执行的代码段}
  • if(条件语句){代码段1}else{代码段2}
  • if(条件语句1){代码段1}else if(条件语句2){代码段2}else{代码段3}
• 2)switch语句
  • switch(表达式){case 值1:代码段1 case 值2:代码段2 default:代码段3}

---

2.循环结构：for和while

• 1)js中和python一样的for循环：执行过程也和python一样，区别是变量取到的不是序列元素而是元素对应的索引(可能是下标)
  • for(变量 in 序列){循环体}
• 2)C中的for循环
  • for(表达式1;表达式2;表达式3){循环体}
• 3)js中和python一样的while循环
  • while(条件语句){循环体}
• 4)C中的do-while语句
  • do{循环体}while(条件语句)

---

六、字符串

---

1.js中的字符串

• 1)获取字符
  • a.获取单个字符：字符串[下标]
  • 注意：下标范围0~字符串长度-1；如果下标越界不报错，但结果是underfined
  • b.切片：字符串.slice(开始下标,结束下标)
  • c.遍历：通过循环遍历
• 2)相关运算
  • +：拼接成新的字符串
  • 注意：字符串可以和任何的数据相加，功能是字符串拼接
  • *：js中字符串不支持乘法运算；没有in和not in
  • 获取字符串长度：字符串.length
  • 转字符串：String(数据)-所有的数据都可以转换成字符串
• 3)字符串相关方法

---

七、数组

---

1.数组相等于python中的列表

• 1)查：获取数组元素
  • 获取单个元素：数组[下标]、数组.slice(下标范围)
  • 遍历：通过循环遍历取值
  • forEach(函数)：获取每个元素
• 2)增
  • 数组.push(元素)
  • 数组.splice(下标,0,元素)：在指定的下标前插入指定元素
• 3)删
  • 数组.pop()：删除最后一个元素，并返回
  • 数组.shfit()：删除第一个元素，并返回
  • 数组.splice(下标,个数)：从指定下标开始，删除指定个数的元素
• 4)改
  • 数组[下标] = 值

---