JS中三目运算符和if else的区别分析与示例
2014-11-21 00:00
796 查看
今天写了一个图片轮播的小demo,用到了判断
先试了一下if else,代码如下:
随后代码写完了,准备优化一下代码,将此段改成了三目运算符的写法
结果完全不同
随后研究了一下这两者的区别,总结为一句话:三目运算有返回值,if else没有返回值
做了如下测试:
三目运算如下:
插入一段其他内容:++n和n++的区别:简单地说,都是 n 自加1。区别是,n++是执行完后面的语句才加1;而++n 就先做 n+1才执行后面的语句
那么对于++n呢
if else 语句
三目运算结果
可以看出if else和三目运算的区别了吧~~~
n++和++n在此验证中,没有任何区别,因为if else都是计算结果之后的,不会返回n,没有任何返回值
但是对于三目运算,n++返回的n值为n本身,++n返回的n值为n+1之后的结果
读了本文,小伙伴们是不是对js中的三目运算符和if else有了新的认识呢。
先试了一下if else,代码如下:
if(n >= count-1){ n =0; }else{ n ++; }
随后代码写完了,准备优化一下代码,将此段改成了三目运算符的写法
n = n >= (count-1) ? n=0 : n++
结果完全不同
随后研究了一下这两者的区别,总结为一句话:三目运算有返回值,if else没有返回值
做了如下测试:
var n=1; if(n>1){ n=0; }else{ n++; } console.log(n); 输出结果:2
三目运算如下:
var n=1; n = n>1?0 : n++; console.log(n); 输出结果为:1
插入一段其他内容:++n和n++的区别:简单地说,都是 n 自加1。区别是,n++是执行完后面的语句才加1;而++n 就先做 n+1才执行后面的语句
那么对于++n呢
if else 语句
var n=1; if(n>1){ n=0; }else{ ++n; } console.log(n); 输出结果:2
三目运算结果
var n=1; n = n>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的区别分析与示例
- JS中三目运算符和if else的区别,你弄得明白吗
- JS中三目运算符和if else的区别
- 用示例说明filter()与find()的用法以及children()与find()的区别分析
- 用示例说明filter()与find()的用法以及children()与find()的区别分析
- js apply/call/caller/callee/bind使用方法与区别分析
- JS基础之undefined与null的区别分析
- js apply/call/caller/callee/bind使用方法与区别分析
- JS、DOM和JQuery之间的关系示例分析
- js学习|jQuery初学:find()方法及children方法的区别分析
- js apply/call/caller/callee/bind使用方法与区别分析
- Python通过websocket与js客户端通信示例分析
- js apply/call/caller/callee/bind使用方法与区别分析
- JQuery与JS里submit()的区别示例介绍
- Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
- JS基础之undefined与null的区别分析
- JS中confirm,alert,prompt函数使用区别分析
- JS代码放在head和body中的区别分析