自学前端 Day6

91 阅读2分钟
一、初识javaScript
  • 是一种运行在客户端(浏览器)的编程语言
  • 组成 : ECMAScript( 基础语法 )、web APIs (DOM、BOM)
  • 书写位置 : 外部、内部、行内

二、JS的输入和输出

输入:prompt('提示信息')、confirm('提示信息')
输出: alert(内容)、console.log(内容)、document.write(内容)

三、数据类型

1.基本数据类型:

  • number 数值(蓝色)
  • string 字符串型(红色)
  • boolean 布尔型 (蓝色)
  • undefined 未定义型(灰色)
  • null 空类型 (灰色) 2.复杂数据类型:
  • object
  • function
  • array

四、定量

  • 作用:用于存储数据
  • 定义:let 变量名 = 数据
  • 命名规则:只能包含字母、数字、下划线、以及$,不能以数字开头。命名规范,使用小驼峰命名法
  • 注意:let声明的变量不能声明两次,若变量仅声明未赋值,此时变量的值underfined

五、常量

  • 定义:const 常量名 = 数据

六、运算符

  1. 赋值运算符: =
  2. 算数运算符: %(取余)、++、--、+、-、*、/
  3. 比较运算符: >、<、>=、<=、==(左右两边是否相等)、===(左右两边是否类型和值都相等) !==(左右两边是否不全等)
  4. 三元运算符:条件 ? 满足条件执行的代码:不满足条件执行的代码
  5. 逻辑运算符:
读法特点口诀
&&逻辑与并且符号两边都为true结果为true一假则假
II逻辑或或者符号两边有一个为true结果为true一真则真
逻辑非取反真变假、假变真

PS :
短路:只存在&&和II中,当满足一定条件会让右边的代码 执行

  • &&:左边为 false 就短路
  • ||:左边为 true 就短路

七、数据类型的转换

隐性转换:

  • 将字符串转换为数值:+num、-num、num * 1
  • 将数值转换为字符串: (num + '')、String(num)、num.toString 显性转换:

转换为数字类型:

  • Number(数据):如果字符串内容有非数字,转换失败时结果为NaN、NaN也是Number类型的数据,代表非数字
  • parseInt(数据)
  • parseFloat(数据)
  • +数据 /在需要转为数字类型的代码前 '+'/ PS :
  1. boolean转换为假值(false)的情况有六种:
  • ''
  • 0
  • NaN
  • underfiend
  • null
  • false
  1. 检测数据类型:通过 typeof 关键字
  2. typeof返回的数据类型:number、string、boolean、undefined、object、function
  • 特殊情况:
    typeof null -->object
    typeof array -->object
    typeof typeof 任何类型 -->string

八、分支语句

1. 单分支使用语法:

if(条件) {
...
      }

2. 双分支使用语法:

if(条件) {
 ...
 }else {
 ...
 }

** 多分支 if 语法:**

if(条件) {
...
}else if(条件) {
...
}else if(条件) {
...
}else if(条件) {
...
}else if(条件) {
...
}else {
...
}

** switch 分支语法:**

switch(条件) {
  case:条件值
      代码块
    breakcase:条件值
      代码块
    breakdefault:
    代码块
  }