JS 4-11笔记

JavaScript运算符

赋值运算符

=

算数运算符

+，-，*,/

比较运算符

> =

逻辑运算符

&& || !

一元运算符

++

二元运算符

+=

三元运算符

? :

运算符的运用

JavaScript的分支

if语句

Switch语句

1.赋值运算符

变量名 = 变量的值

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

2.算数运算符

+, 加 -, 减 *, 乘 /, 除 %; 模除

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

3.逻辑运算符

var num1 = 10;
var num2 = 20;
var str = "10";
console.log(num1 < 5 || num2 < 5 || str == 10);

4.比较运算符

用来判断 当作条件 返回boolean

var num1 = 10;
var num2 = 20;
var str = "10";
console.log(num1 > 5 && num2 > 5 && str == 10);

5.一元运算符

 var i = 10;
 
 // ++ (自增，每执行一次，自身+1)
 // var j=i++;
 // console.log(j,i);//10 11
 
 // i++ 先赋值 后运算 
 console.log(i++); //10  console.log(i)   i+1
 console.log(i); //11
 // ++i 先运算 后赋值
 console.log(++i); // 12  i+1   console.log(i)
 console.log(i); // 12
 
 
 // -- (自减，每执行一次，自身-1)
 // i-- 先赋值 后运算 
 console.log(i--); //12  console.log(i)   i-1
 console.log(i); //11
 // --i 先运算 后赋值
 console.log(--i); // 10  i-1   console.log(i)
 console.log(i); // 10
 
 
 var a = 10;
 console.log(++a + a++ - a-- + a - a++); // 10
 // 11 + 11 - 12 +11 - 11      
 console.log(a); // 12 

6.二元运算符

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;
    console.log(num);//2000
    // /= 
    num/=20;
    console.log(num);//100
    // %=
    num%=3;// num=num%3
    console.log(num);//1

    // += 拼接字符串
    var str1="hello";
    var str2="world";
    var str3="";
    console.log(str1+str2);
    str3+="hello Nanjing";
    console.log(str3);

三元运算符

? :
    // 条件?条件为真(true)时执行的代码:条件为假(false)时执行的代码
    // var age=20;
    var age=window.prompt("请输入你的年龄",18);
    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);// true
        // += 拼接字符串
    // 数据类型的隐型转换 - * / % -= *= /+ %= ++ -- > < >= <= ==
    console.log(typeof("100"));//string
    console.log(typeof("100"*1));//number

JavaScript的分支

###if语句 if语句：只有当指定的条件为true时，执行代码 if(条件){ 条件成立时执行的代码 }

    console.log("条件为真")
}

if(10>5){
    console.log("条件为真")
}

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

 if(age>=18){
     console.log("已成年，可以进入")
 }else{
     console.log("未成年，不可以进入")
 }

if...elseif...else语句

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

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语句用于基于不同条件执行不同的动作。 switch(变量){ case "值1": // 执行代码 break; case "值2": // 执行代码 break; case "值3": // 执行代码 break;
... default: // 以上条件都不成立时执行的代码
}

    console.log(oDay,typeof oDay);

    switch (oDay) {
        case 1:
            console.log("今天是星期一，上班")
            break;
        case 2:
            console.log("今天是星期二，上班")
            break;
        case 3:
            console.log("今天是星期三，上班")
            break;
        case 4:
            console.log("今天是星期四，上班")
            break;
        case 5:
            console.log("今天是星期五，上班")
            break;
        case 6:
            console.log("今天是星期六，休息")
            break;
        case 7:
            console.log("今天是星期日，休息")
            break;
        default:
            console.log("疯掉了") 
            break;
    }

JavaScript的循环

for循环 while循环

JavaScript初级事件绑定

onlick:鼠标点击事件 元素。onlick=function(){ 当点击当前元素时执行的代码 }

元素.onlick=function(){ }