JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JS中三目运算符和if else的区别分析与示例大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

今天写了一个图片轮播的小demo,用到了判断

先试了一下if else

,代码如下:

<div class="codetitle"><a style="cursOR: pointer" data="36214" class="copybut" id="copybut36214" onclick="doCopy('code36214')"> 代码如下:

<div class="codebody" id="code36214">
if(n >= count-1){
n =0;
}else{
n ++;
}

随后代码写完了,准备优化一下代码,将此段改成了三目运算符的写法

<div class="codetitle"><a style="cursOR: pointer" data="27928" class="copybut" id="copybut27928" onclick="doCopy('code27928')"> 代码如下:

<div class="codebody" id="code27928">
n = n >= (count-1) ? n=0 : n++

结果完全不同

随后研究了一下这两者的区别,总结为一句话:三目运算有返回值,if else没有返回值

做了如下测试:

<div class="codetitle"><a style="cursOR: pointer" data="5902" class="copybut" id="copybut5902" onclick="doCopy('code5902')"> 代码如下:

<div class="codebody" id="code5902">
var n=1;
if(n>1){
n=0;
}else{
n++;
}
console.log(n);

输出结果:2

三目运算

如下:

<div class="codetitle"><a style="cursOR: pointer" data="45423" class="copybut" id="copybut45423" onclick="doCopy('code45423')"> 代码如下:<div class="codebody" id="code45423">
var n=1;
n = n>1?0 : n++;
console.log(n);
输出结果为:1

插入一段其他内容:++n和n++的区别:简单地说,都是 n 自加1。区别是,n++是执行完后面的语句才加1;而++n 就先做 n+1才执行后面的语句

那么对于++n呢

if else 语句

title"> 代码如下:
1){ n=0; }else{ ++n; } console.log(n); 输出结果:2

三目运算结果

title"> 代码如下:
1?0 : ++n; console.log(n); 输出结果为:2

可以看出if else和三目运算的区别了吧~~~

n++和++n在此验证中,没有任何区别,因为if else都是计算结果之后的,不会返回n,没有任何返回值

但是对于三目运算,n++返回的n值为n本身,++n返回的n值为n+1之后的结果

读了本文,小伙伴们是不是对js中的三目运算符和if else有了新的认识呢。

大佬总结

以上是大佬教程为你收集整理的JS中三目运算符和if else的区别分析与示例全部内容,希望文章能够帮你解决JS中三目运算符和if else的区别分析与示例所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:elseif
猜你在找的JavaScript相关文章
其他相关热搜词更多
phpJavaPython程序员load如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap