JS基础语法:分支语句之三元表达式

fly63前端网

www.fly63.com

首页文章资源工具教程栏目

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具，网友无需注册和下载安装即可使用

更新日期: 2018-11-19阅读: 2.3k标签: 表达式分享

复制链接

新浪微博

QQ 好友

扫一扫分享

用if-else语句

var num1 = 10;
var num2 = 100;
if (num1 > num2) {
      console.log(num1);
} else {
     console.log(num2);
}

两个分支,最终的结果是两个分支中的一个,像这种情况可以使用三元表达式

* var 变量=表达式1?表达式2:表达式3;

* 执行过程:

* 表达式1的结果是true还是false,如果是true则执行表达式2,然后把结果给变量

* 如果表达式1的结果是false,则执行表达式3,把结果给变量

1. 两个数字中的最大值

var x = 10;
var y = 20;
var result1 = x > y ? x : y;
console.log(result1);

2. 显示成年还是未成年

var age = 10;
var result2 = age >= 18 ? "成年了" : "未成年";
console.log(result2);

大多数情况,使用if-else的语句都可以用三元表达式的方式来表示

要想回答上述问题，必须理解js在执行==时候的一些数据转换规则和成文的规定。ECMA-262对==的约定如下，细心的你发现上面ToNumber对于Object的转换里有这么一句ToPrimitive(input argument, hint Number)

今天在看lodash的源码中slice这个函数实现的时候发现了里面有这么一行代码：>> 和 >>>有什么不一样、移位0有什么意义、Uint32类型是如何转换的

后缀表达式，又称逆波兰式，指的是不包含括号，运算符放在两个运算对象的后面，所有的计算按运算符出现的顺序，严格从左向右进行（不再考虑运算符的优先规则）。

[]==![] 感叹号！的优先级最高，因此先计算![], 其结果为 false, 所以表达式被转换成： []==false.遇到Boolean类型，需要先转换成Number类型,所以表达是变成 []==0,0是基础类型，[]是引用类型

以博客写文章为例，有的时候我们不经意间写的字符串带标签，然后浏览器将其解析了，实际上我们并不希望其被解析，于是可通过核心代码解决该问题。

三元表达式怎么用？三元表达式怎么就有用了？代码量会减少这是事实，配合箭头函数写函数式代码，哪个更易读这个就是主观判断了，见仁见智：

JavaScript是一种非常容错的编程语言，许多在其他编程语言中不合法的表达式在JavaScript中都能正常工作。这导致了很多奇怪的代码。你想挑战它吗？

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!

手机预览