JavaScript基础（day03）

复习

• 数据类型
  原始类型 | 引用类型
  数值型、字符串型、布尔型、未定义、空 null

• 数据类型的转换
  隐式转换 + 1+null 1+true 1+undefined

• 强制转换
  Number(null) -> 0
  Number(undfined) -> NaN
  Number(“1a”) -> NaN

  parseInt() 整型转整型
  parseInt(true) -> NaN
  parseInt(“3.45”)-> 3

  parseFloat() 将数据转为浮点数

  toString() 转字符串
  var num = 123;
  num.toString();

  charCodeAt() 查看某个字符的 Unicode 码
  “A”.charCodeAt();

• 运算符
  算数运算符 + - * / ++ –
  比较运算符 > < >= <= == != === !==
  逻辑运算符 && || ! 逻辑短路
  位运算符 & | ^ << >>

运算符

1. 赋值运算符
   = += -= *= /= %=

2. 三目运算符（三元运算符）
   一目 一个运算符连接一个数据 – ++ a
   二目 一个运算符连接两个数据 + - * / %…
   三目运算符 两个运算符来连接三个数据

语法格式:
  条件表达式 ? 表达式1 : 表达式2;
  - 执行流程:
    如果条件表达式为false, 执行表达式 2,
    如果条件表达式为true , 执行表达式 1;

  练习: 声明两个变量来保存用户名和密码, 如果用户名为 root, 并且密码为 123456, 打印是否登陆成功

浏览器端的函数

alert() 弹出警示（消息）框
prompt() 弹出提示（输入）框, 需要使用变量来保存输入的值, 类型默认是字符串类型, 如果输入框内容为空, 返回空字符, 如果点击取消返回 null.

练习: 两次弹出提示框, 输入数字, 计算两个数字相加, 打印结果

程序

程序=数据+算法
程序的执行方式:
顺序执行
选择执行
循环执行

逻辑结构

1. 流程控制（选择控制）
   1.1 if 语句
   满30 减 15

   if(条件表达式) {
   语句1;
   }
   语句2;

   练习: 声明一个变量保存年龄, 如果满十八, 打印成年人

   if 后的大括号内 如果只有 一行语句可以省略 大括号

1.2 if-else 语句
  if(条件表达式) {
    语句1;
  } else {
    语句2;
  }

  练习: 声明两个变量, 分别保存用户名与密码, 如果登陆打印登陆成功, 否则打印登陆失败


在条件表达式中，有一些值默认代表 false
 0 NaN "" undefined null

  练习: 弹出两次输入框, 分别输入商品的价格和数量, 获取总价, 如果总价满1000 打九折; 假如卡内余额 800, 如果余额大于等于商品总额, 警告框弹出 "pay success", 否则警示框弹出"pay error"

1.3 if-else 嵌套
  if(条件表达式1) {
    语句1;
  } else if(条件表达式n) {
    语句n;
  } else {
    语句n+1;//以上所有的条件表达式都为 false
  }


1.4 switch-case
  是一种特殊的多项分支语句
  switch(表达式) {//通常是一个变量
    case 值1: //如果表达式的值为 1
      语句1;
      break;
    ...
    default:
      语句n+1; //如过表达式的值和 case 中的每个值比较都是 false
  }
  表达式在和case后的值比较时使用的时全等比较, 要求值和类型都相同

  __对比 if-else 嵌套和 switch-case 的区别__
  相同点: 两者都可以使用多项分支语句
  不同点: if-else 可以判断相等和不等的情况, 使用范围更广泛;
         switch-case 只能用于全等的比较;
         switch-case 在结构上更为清晰合理, 执行效率更高;

循环执行

循环: 就是一边又一遍的执行相同或相似的代码
循环的两个要素:
循环的条件: 循环的次数
循环体: 重复执行的相同或者相似的代码

课后任务

1. 整理思维导图
2. 课后的练习
   使用switch-case完成分数的判断
   分数除以 10 在取整