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)改
    • 数组[下标] = 值

你可能感兴趣的:(day24-Javascript-壹)