一、**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(){
当点击当前元素时执行的代码
}