JavaScript运算符

Posted 2020-11-13 陌漠

（1）赋值运算符

// c+=1;
// 相当于c=c+1;

// console.log(a++);
// 先将a的值赋值给表达式，a再加1
// console.log(++a);
// a先加1，再将a的值赋值给表达式

*取余运算符

var a=0;
// a%3==0
// a%3==1
// a%3==2
var obtn=document.getElementById(‘btn‘);
// 在页面(document)中，通过Id名的方式获取元素
var obox=document.getElementById(‘box‘);
// console.log(obtn);
obtn.onclick=function(){
// 给获取到的元素绑定点击事件
a++;
console.log(a%3);
// a=a+1;
if(a%3==0){
obox.style.background = ‘red‘;
}else if(a%3==1){
obox.style.background = ‘green‘;
}else{
obox.style.background = ‘yellow‘;
}
}
// %应用场景：一般用于分情况进行的场合

（2）关系运算符

var a=10;
var b=‘10‘;
console.log(a==b);
// 返回true
console.log(a!=b);

console.log(a===b);
// 返回false
console.log(a!==b);

=：赋值
==：判等，和数据类型无关，只要值相等，就返回true。和!= 一组
===：判等，和数据类型有关，当值和类型都相等时，才返回true。和!==一组

（3）逻辑运算符

console.log(1&&‘null‘&&‘hello‘&&false&&undefined&&0&&9&&4);
console.log(1&&‘hlell‘&&null&&23&&42&&9&&4&&88&&23&&88);
// 逻辑与&& 只要遇到null false undefined 0其中一种，就会执行代码执行，直接输出最后一次代码执行的结果

console.log(0||null||undefined||‘hello‘||1||2||‘hello‘);
// 逻辑或|| 只要遇到不是null false undefined 0中任意一种，就会终止代码执行，直接输出最后一次代码执行的结果

（4）运算符优先级

console.log(!5<3);//true 运算符优先级不相同时，先算优先级高的，再算优先级低。先算!，返回false，再用false和3比较
console.log(1>2<3);//true 运算符优先级相同时，从左到右依次计算

PS：以上内容只是将javascript运算符中容易让读者产生疑惑的解释一下，JavaScript中的运算符不止这些，望读者注意全面学习