【无标题】

一、**JavaScript的运算符
1、JavaScript的赋值运算符：=

变量的声明：var

变量的赋值：=

变量名=变量的值

例：<script>

var num=10;

console.log(num)

</script>

2、JavaScript的算术运算符：+加，-减，×乘，/除，%取余（模 模余）

例：<script>

var a=10;b=20；c=a+b

console.log(c)或console.log(a+b); //30

var d=10;e=3;

console.log(d/e); //3.33333333...

console.log(d%e); //1

</script>

3、JavaScript的比较运算符①：>大于，<小于，>=大于等于，<=小于等于

作用：用来进行判断，判断条件使用，返回布尔值（true false）。

例：<script>

var a=10;b=20；str="10"

console.log(a>b);   //false

console.log(a<b)；   //true

console.log(a>=str);   //true    隐式数据类型转换

</script>

4、JavaScript的比较运算符②：==等于，===绝对等于，!=不等于，!==不绝对等于

例：<script>

var a=10；b=20；c=10；str="10"

console.log(a==b);   //false

console.log(a==c)；   //true

console.log(a！=b);   //true

console.log(a==str)；   //true

</script>

绝对等于：数值和数据类型都相等；不绝对等于：数值和数据类型不都相等

例：<script>

var a=10；b=20；c=10；str="10"

console.log(a===str)；   //false

console.log(a!==str);    //true

console.log("nannan"=="nannan");   //true

</script>

5、JavaScript的逻辑运算符：&&，||，!

作用：用来进行判断，当作条件，返回布尔值（true false）。

&&：逻辑与，表达式前后都为true。

||：逻辑或，表达式前后只要有一个true。

!：逻辑取反，表达式为true时返回false，表达式为false时返回true。

例：<script>

var a=10；b=20；c=10；str="10"

 console.log(a>5&&c>3)；   //true

console.log(a<b&&c<b)；   //true

console.log(a>5||b<10||c>11);    //true

 console.log(a<5||b<10||c>11);  //false

console.log(!a>b);   //true

</script>

6、JavaScript的一元运算符：++，--

自增自减，用来计数

++：自增，每执行一次，自身＋1。

--：自减，每执行一次，自身 - 1。

例：<script>

var a=10；b=a++(先赋值a，再自增)；c=++a(先自增，再赋值);

 console.log(a++)；   //10

console.log(a)；   //11

console.log(++a);    //12

 console.log(a++ + a++ + --a - a-- + a - a++ - a-- + a - a++);  //12

console.log(a);   //13

</script>

7、JavaScript的二元运算符：+=，-=，*=，/=，%=

+=   a+=10；相当于a=a+10；常用来拼接字符串

-=   a-=10；相当于a=a-10；

=   a=10；相当于a=a*10；

/=   a/=10； 相当于a=a/10；

%=  a%=10；相当于a=a%10；

例：<script>

var a=10；a+=20；

 console.log(a)；   //30

a-=10

console.log(a)；   //20

 a*=10

console.log(a);    //200

a/=2

 console.log(a);  //100

a%=3

console.log(a);   //1

var str1="ai";

var str2="ni";

str1+=str2;

console.log(str1);   //"ai ni"

</script>

8、JavaScript的三元(目)运算符：？：

条件?条件为真(true)时执行的代码：条件为假(false)时执行的代码。

例：var age=10;

age>=18?console.log("成年人")：console.log("未成年")；   //未成年

var age=20;

age>=18?console.log("成年人")：console.log("未成年")；   //成年人

var age=windo.prompt("请输入你的年龄");

age>=18?console.log("成年人")：console.log("未成年")；   //根据输入的大小判断

9、JavaScript运算符优先级和简单应用：

算术运算符>比较运算符>逻辑运算符>赋值运算符

应用：console.log(typeof("100"));  //string

 console.log(typeof("100"*1));  //number

9、JavaScript的分支：

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

例：if（10>5）{

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

}

if...else语句：当指定的条件为true时，执行代码，当为false时，执行其它的代码。

例：var age=windo.prompt("请输入你的年龄");

if（age>=18）{

           console.log("可进入")；

}else{

            console.log("不可进入")；

 }

if...else if...else语句：选择多个代码之一来执行。

if（条件1）{

           条件1成立时执行的代码

}else if（条件2）{

            条件2成立时执行的代码

 }else if（条件3）{

            条件3成立时执行的代码

 }else {

           所有条件不成立时执行的代码

}

②switch语句：

switch语句用于基于不同的条件执行不同的动作。

switch(变量）{

          case="值1"

         //执行代码

         break（终止程序，结束运行）；

          case="值2"

         //执行代码

         break；

          case="值3"

         //执行代码

         break；

         ...

         default：

        // 以上条件都不成立时执行的代码

}

switch语句中值不可以为范围，只能是具体的值，判断条件使用的是(===)。

补：JavaScript的初级事件绑定（DOM）：

onclick：鼠标点击事件。

元素.οnclick=function(){

当点击当前元素时执行的代码

}