语句是js中最重要的成分。本文想介绍的是if判断语句和switch条件分支语句
if条件判断语句
形式:
if(条件判断){ 表达式 }
意思就是,当满足条件判断的句子,执行花括号内的表达式
直接看看有坑的地方
需求:当score为60分以下,控制台打印不及格,当score为60分以上,控制台打印及格,当score为85分以以上,控制台打印优秀
var score = 60
if(score<60){
console.log(‘不及格‘)
}else if(score>=60){
console.log(‘及格‘)
}else if(score>=85){
console.log(‘优秀‘)
}
肯定有小伙伴会这样写吧,但是这样存在问题
因为if判断语句只会执行满足条件的一个判断,但是在上面的代码段里出现了score>=60,又出现了score>=85
永远不会执行score>=85的那种判断,因为前面socre>=60
所以应该这样写
var score = 60
if(score>=85){
console.log(‘优秀‘)
}else if(score>=60){
console.log(‘及格‘)
}else{
console.log(‘不及格‘)
}
或者这样写
var score = 60
if(score<60){
console.log(‘不及格‘)
}else if(score>=60 && score<85){
console.log(‘及格‘)
}else if(score>=85){
console.log(‘优秀‘)
}
这样才是正确的流程语句
switch条件分支语句
之前一直记不住这样的形式,其实和if判断语句差不多
var score = 60
switch (score){
case 90:
console.log(‘优秀‘)
break
case 80:
console.log(‘中上‘)
break
case 70:
console.log(‘中等‘)
break
case 70:
console.log(‘及格‘)
break
default:
console.log(‘不及格‘)
break
}
如果不加入break会默认从满足条件一直向下执行.最后的default就是相当于if条件语句中的else,switch语句用的是全等判断,大家一定要注意一下
还可以写成判断语句,像这样
switch (true){
case score>50:
console.log(‘优秀‘)
break
...
}
原理就是true和score那里全等就ok
运用条件运算符将你的 if 语句缩短为一行代码,运用条件语句,比如 if,当 if 语句满足的情况下,允许我们执行指定一些代码块...
就是在每个浏览器中上边两个中只能使用一个的话一定得记得把IE9考虑进来,因为它也是能识别条件注释的(感觉IE9就是IE向现代高级浏览器过渡的东西,CSS3只支持一部分,但是之前IE专有的一些问题照样存在)
为了判断浏览器是否支持css3的一些新属性样式,当不兼容该样式的时候,我们可以更优雅的降级处理。这就需要使用到css3的条件判断功能:在css中支持@supports标记、或者在js中使用CSS.supports函数,来检测浏览器是否支持css3的新属性。
在js中的条件判断,主要用于不同的条件执行不同的动作,实际开发中,我们如何实现js条件判断语句优化的呢?1、一个条件推荐用if else或者三元运算,2、当2个条件是用if...elseif...else...3、三个条件及以上时候推荐用switch
当我们写JavaScript代码时,经常会用到到条件判断处理,这里有5个技巧能使你写出更好、更简洁的条件语句。使用Array.includes处理多种条件、减少嵌套,尽早return、使用函数默认参数和解构
在Vue进行前端开发中,条件判断主要用于根据不同的条件来决定显示或隐藏,或者进行视图之间的切换,本文以一个简单的小例子简述v-if的常见用法,仅供学习分享使用
当你的程序依赖正确的响应顺序,但响应的顺序又无法保证时,可能会导致意外的结果,这就是竞态条件。方案1:每次操作完成之前,阻止新的操作;方案2:每次发送请求时,丢掉上一个请求的响应
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!