JS学习第二天-CFANZ编程社区

#JS的运算符

##赋值运算符

变量的声明 var
变量的赋值 =
变量名 = 变量的值
var num=10;
console.log(num);
num=20;
console

##算数运算符

+ - * / %（取余 、模、模余）

加：
var a=10,b=3;
var c=a+b;
console.log(c);  13

减：
console.log(a-b);  7

乘：
console.log(a*b);  30

除：
console.log(a/b); 3.333333333333335

取余：
console.log(a%b); 1

##比较运算符

>  <  >=  <=   (只能用于值为数字的数据进行比较)
==等于  ===绝对等于   !=不等于   !==不绝对等于  （可以用于任意数据类型进行比较）

比较运算符用来进行判断，作为判断条件使用返回布尔值（ true false）
var num1=10;
var num2=10;
var num3=20;
var str=“10”;
console.log(num1>num2); false
console.log(num1<num3); true
console.log(num1>=num3);false
console.log(num1>=str); true 隐式数据类型转换
最后一类情况会优先进行数据类型转换，==会将非数字类型转换成数字类型

==等于    != 不等于
console.log(num1==num2); true
console.log(num1!=num2); false
conlose.log(num2!=num3); true
console.log(num1==str);true

===绝对等于（数值和数据类型都相同）  
console.log(num1===str); false
console.log(num1===num2); true

!== 不绝对等于
console.log(num1!==str); true  数值相等，数据类型不同
console.log(num2!==num3);true  数据类型相同，数值不相等
console.log(num3!==str);true   数据类型和数值都不相等
console.log(num1!==num2); false 数据类型和数值都相同

##逻辑运算符

&&与    ||或    !取反

逻辑运算符用来判断，当做条件，返回布尔值（true false）
例：var num1=10;
var num2=20;
var str=“10”;
1.&&（逻辑与，表达式前后都为true） and符,所有的条件都是true才会返回true
consloe.log(num1>5&&num2>5&&str==10);true

2.|| (逻辑或，表达式前后只要一个为true)只有全部条件为假才会返回false
console.log(num1>5||num2>5||str==10);true

3.! (逻辑取反，表达式为true返回false,为false返回true)
console.log(!num1>5);false
console.log(!true);false
(console.log(!!true);true)

##一元运算符

++  --

一元运算符，自增自减用来计数
var i=10;

1.++ （自增，每执行一次，自身+1）
var j=i++;
console.log(j,i); 10 11

(1) i++ 分两步执行，先赋值后运算
console.log(i++); 10 console.log(i) i+1
console.log(i); 11

（2）++i 先运算后赋值
console.log(++i); 12 （因为上面的i已经是11了，到这里先运算所以是12） i+1 console.log(i)
console.log(i); 12

2.-- （自减，每执行一次，自身-1）

(1) i-- 先赋值后运算
console.log(i–); 12 console.log(i) i-1
console.log(i); 11

（2）–i 先运算后赋值
console.log(–i); 10 （因为上面的i已经是11了，到这里先运算所以是12） i-1 console.log(i)
console.log(i); 10

##二元运算符

+=     -=      *=      /=      %=

var num=10;
//+= a+=10;  a=a+10;
num+=20;   num=num+20;
console.log(num);  30

//-= 
num-=10; num=num-10;
console.log(num); 20

//*=
num*=100;  num=num*100;
console.log(num); 2000

// /=
num/=20;  num=num/20;
conmsole.log(num); 100

// %=
num%=3; num=num%3;
console.log(num); 1

拓展 +=拼接字符串
例： var str1="hello";
     var str2="world";
     console.log(str1+str2); helloworld

##三元运算符（也称三目运算符）

条件   ?条件为真（true）时执行的代码:条件为假（false）时执行的代码

var age=10;
age>=18?console.log(“成年人”):console.log(“未成年”)；未成年

##运算符的优先级

//算数运算符 > 比较运算符 > 逻辑运算符 >赋值运算符
var result=2+1>3+5;
console.log(result); false

var result2=7>5&&10>7;
console.log(result2); ture

##运算符的应用
+= 拼接字符串
数据类型的隐形转换 - * / % -= = / + %= ++ – > < >= <= ==
console.log(typeof(“100”)); string
console.log(typeof("1001")); number

##JS的流程控制

##JS的分支

if 语句：只有当指定的条件为true时，执行代码

1.if(条件){
条件成立时执行的代码
}

例：if（true）{                               
  console.log("条件为真")
  }

2.if…else语句：当指定的条件为true时，执行代码；当为false时，执行其他的代码
if(条件){
条件成立时执行的代码 true
}else{
条件不成立时执行的代码 false
}

例：var age=window.prompt("请输入你的年龄".18)
    if(age>=18){
        console.log("已成年")
    }else{
        console.log("未成年")
    }

3.if…else if…else语句：选择多个代码之一来执行
if(条件1){
条件1成立时执行的代码 true
}else if(条件2){
条件2成立时执行的代码
}else if(条件3){
条件3成立时执行的代码
}else{
所有条件都不成立时执行的代码 false
}

例：var age=window.prompt("请输入你的年龄".18)
if(age<14){
    console.log("小于14岁，游戏时长不超1小时")
}else if(age>=14&&age<16){
    console.log("介于14~16岁之间，游戏时长不超2小时")
}else if(age>=16&&age<18){
    console.log("介于16~18岁之间，游戏时长不3小时")
}else{
    console.log("大于18岁，自己控制时长")
}

switch语句:用于基础不同条件执行不同的动作
switch(变量){
case “值1”:
执行代码
break;
case “值2”:
执行代码
break;
.
.
.
default:
以上条件都不成立时执行的代码
}
break关键字：打断终止退出当前的循环

例： var oDay=window.prompt("今天周几")
switch(oDay){
     case 1:
    console.log("今天周一，上班")
    break;
    case 2:
    console.log("今天周二，上班")
    break;
    case 3:
    console.log("今天周三，上班")
    break;
    case 4:
    console.log("今天周四，上班")
    break;
default:
 console.log("不上班了")
berak;
}

==判断条件使用的（===）==

##JS是初级事件绑定（DOM）
onclick：鼠标点击事件
元素.οnclick=function(){
当点击当前元素时是执行的代码
}

##JS的循环
for循环
while循环