本文已参与「新人创作礼」活动，一起开启掘金创作之路。

一、JS运算符

1.算术运算符：+ - * / %

2.赋值运算符：+= -= *= /= =

3.逻辑运算符：&& || ! 。其中 && 和 || 不会进行类型转换，！则会进行类型转换

4.比较运算符：> < != >= <= == ===
具体使用方法如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<script>
  var a = 1
  var b = 2
  var c = '2'
  var d = [1,2,3]
  // 1.算术运算符：+ - * % /
  //数字和字符串相加+：结果是拼接
  // true=1 false=0 null=0
  console.log(a + d);//在控制台输出
  // 网页输出
  document.write(a + b);
  // 隐式转换 : * / - % 这些运算符存在隐式转换
  console.log(b * c);//等于4,而不是22

  //2.赋值运算
  // a-=b//a=a+b，乘除同理
  // a++ //a+1
  // console.log(a++);//先打印，a再加一
  console.log(++a);//先加一，再打印

  // 3.逻辑运算符：&& || !
  console.log(2 < 3 && 3 < 4);
  console.log(2 > 3 || 3 < 4);
  console.log(! true);
  console.log(! (2>3));

  // 4.比较运算符：> < != >= <= == === ！= ！==
  //相等：== 只比较值，不考虑类型 反之 ！=
  //全等：=== 比较值，还比较类型  反之 ！==
  console.log(b === c);
  // 不等：！=
  // 不全等：!==
  //null == undefined 返回true  undefined是从null派生来的
  // 但是null不全等于undefined
  // NaN == NaN 返回false NaN：非数字类型，不知道具体的值是多少



</script>



</body>
</html>

二、JS流程控制

JS流程控制是if判断和switch选择
具体使用方法如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>


<script>
//1.if判断
  var each = "馒头"
  if(each == '包子'){
      // 网页输出
      document.write("我今天吃了包子")
  }else if(each == "馒头"){
      document.write("我今天吃了馒头")

  } else{
      document.write("我今天什么都没有吃")
  }

//2.switch选择
  var a = 3
  switch(a){
      // 不加上break，到成立的条件之后所有的语句都会输出
      //注意判断必须全等===才会输出
      case 1:
          document.write("今天星期一");break
      case 2:
          document.write("今天星期二");break
      case 3:
          document.write("今天星期三");break
      case 4:
          document.write("今天星期四");break
      case 5:
          document.write("今天星期五");break
      case 6:
          document.write("今天星期六");break
      // 以上条件都不成立
      default:document.write("今天星期七");break
  }

</script>
</body>
</html>

11JavaScript提升（1）

一、JS运算符

二、JS流程控制