三目运算符详解
来源:互联网 发布:淘宝怎么付钱 编辑:程序博客网 时间:2024/06/06 21:40
判断
javascript中的三目运算符用作判断时,基本语法为: expression ? sentence1 : sentence2
当expression的值为真时执行sentence1,否则执行 sentence2, 请看代码
- 1
- 2
- 3
- 4
- 5
- 6
- 7
从上面代码中,我们暂时会认为三目运算符相当于if + else(下面再详聊)
- 1
- 2
- 3
- 4
- 5
当expression为真,即expression不为undefined,NaN,0,null的时候执行sentence1,否则执行sentence2。
既然这样的功能和if相同,为什么还要使用它?首先,在逻辑多次判断的时候,三目运算符逻辑更简洁:
- 1
- 2
- 3
- 4
只要任意一个expressionN的判断为真,那么sentenceN立即执行,这个判断结束,后面的任何判断不再执行。而如果我们写成if-else
- 1
- 2
- 3
- 4
- 5
- 6
- 7
这样书写逻辑看起来比较心累,所以在jquery和zepto源码中,我们会大量看到三目运算符的应用。其次,还有另外一个原因,本来大家加载jquery和zepto的压缩版,他们已经很大了,如果省略了这些if-else的字节,性能还能略微有所提升。
赋值
另一个经典的应用场景在于赋值,var param = expression ? value1 : value2,这个相信大家经常用到
- 1
- 2
- 3
- 4
- 5
- 6
再谈判断
有一天写了这样的代码
- 1
- 2
- 3
- 4
- 5
居然报错了! 为什么报错,我们会仔细看一下上面的多个判断
- 1
- 2
- 3
- 4
只要有一个expressionN成立,就马上跳出。原因是什么呢? 我们可以猜想是因为三目运算符return了sentenceN,所以判断立即跳出。赋值的用法也一样,之所以报错的原因是
- 1
- 2
- 3
这样的写法肯定报错了。那么如果我们对上面的解释有疑问,我们可以用这样的代码来证明:
- 1
- 2
- 3
- 4
c为什么是1,因为n++是在执行完表达式后再加1,如果return a++,先return 再加1,所以这里的c等于1
- 三目运算符详解
- 三目运算符详解
- 详解java三目条件运算符
- js中的三目运算符详解
- JavaScript中的三目运算符详解
- Java中的三目运算符 详解
- Java中的三目运算符 详解
- java 三目运算--详解
- 三目运算符
- 三目运算符
- 三目运算符
- 三目运算符
- 三目运算符
- 三目运算符
- ******************** 三目运算符 ********************
- 三目运算符
- 三目运算符?:
- 三目运算符
- PAT 天梯赛 L1-027. 出租 (简单字符串处理)
- 错误error C1083: 无法打开包括文件: “gpu/mxGPUArray.h”: No such file or directory
- Java开发练习8 多线程
- android 设置 永不休眠
- webpack2利用插件clean-webpack-plugin来清除dist文件夹中重复的文件
- 三目运算符详解
- Android 使用 WindowManager 打造悬浮通知
- python3爬虫学习
- 杭电oj4310
- vue 同级组件之间的通信
- Mel Frequency Cepstral Coefficient (MFCC)提取
- 【转载】PHP读取文件内容的五种方式
- 设计模式-工厂模式
- Python基础-模块的使用