**JavaScript的赋值运算符**
// 变量的声明 var
// 变量的赋值 =
// 变量名 = 变量的值
var num=10;
console.log(num)
num=20;
console.log(num)
num=100;
console.log(num)
**JavaScript的算数运算符**
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.33333333333333
35
// % 取余(模 模余)
console.log(a%b);//1
JavaScript的初级事件绑定
<input type="text" id="inp" value="100">
<button id="btn">立即支付</button>
型号:,金额:
var oBtn = document.getElementById("btn");
var oType = document.getElementById("type");
var oPrice = document.getElementById("price");
var oInp = document.getElementById("inp");
JavaScript的赋值运算符
// 变量的声明 var
// 变量的赋值 =
// 变量名 = 变量的值
var num=10;
console.log(num)
num=20;
console.log(num)
num=100;
console.log(num)
JavaScript的算数运算符
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.3333333333333335
// % 取余(模 模余)
console.log(a%b);//1
// 10(被除数)÷3(除数)=3(商)···1(余数)
console.log(10%2);//0
JavaScript的比较运算符
// 用来进行判断 判断条件使用 返回布尔值(true false)
var num1=10;
var num2=10;
var num3=20;
var str="10";
// 1. >大于 <小于 >=大于等于 <=小于等于
console.log(num1>num2);// false
console.log(num2<num3);// false
console.log(num1>=num2);// true
console.log(num1>=str);// true 隐式数据类型转换 会将非数字类型转换为数字类型
// 2. == 等于 != 不等于
console.log(num1==num2);// true
console.log(num1!=num2);// false
console.log(num3!=num2);// 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 数据类型和数值都相同
JavaScript的逻辑运算符
var num1 = 10;
var num2 = 20;
var str = "10";
// && (逻辑与,表达式前后都为true)
console.log(num1 > 5 && num2 > 5 && str == 10); // true
// || (逻辑或,表达式前后只要有一个为true)
console.log(num1 < 5 || num2 < 5 || str == 10); // true
// ! (逻辑取反,表达式为true返回false,为false,返回true)
console.log(!num1>5);//false
console.log(!!true);//true
JavaScript的一元运算符
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
console.log(a++ + a++ + --a - a-- + a - a++ - a-- + a - a++);// 12
// 12 + 13 + 13 - 13 + 12 - 12 - 13 + 12 - 12
JavaScript的二元运算符
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);
JavaScript的三元运算符
// 条件?条件为真(true)时执行的代码:条件为假(false)时执行的代码
// var age=20;
var age=window.prompt("请输入你的年龄",18);
age>=18?console.log("成年人"):console.log("未成年");
JavaScript运算符的优先级
// 算术运算符 > 比较运算符 > 逻辑运算符 > 赋值运算符
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(条件){
// // 条件成立时执行的代码
// }
if(true){
console.log("条件为真")
}
if(10>5){
console.log("条件为真")
}
JavaScript的if...else语句
// if...else语句:当指定的条件为true时,执行代码,当为false时,执行其他的代码
// if(条件){
// // 条件成立时执行的代码 true
// }else{
// // 条件不成立时执行的代码 false
// }
var age=window.prompt("请输入你的年龄",18)
if(age>=18){
console.log("已成年,可以进入")
}else{
console.log("未成年,不可以进入")
}
JavaScript的if...elseif...if语句
// 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岁,游戏时长自己控制")
}
JavaScript的switch语句
// switch语句用于基于不同条件执行不同的动作。
// switch(变量){
// case "值1":
// // 执行代码
// break;
// case "值2":
// // 执行代码
// break;
// case "值3":
// // 执行代码
// break;
// ...
// default:
// // 以上条件都不成立时执行的代码
// }
var oDay = window.prompt("今天是星期几?");
// 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;
}