Javascript优化技巧之短路表达式详细介绍_javascript技巧-js教程-PHP中文网

Javascript优化技巧之短路表达式详细介绍_javascript技巧

php中文网

发布： 2016-05-16 16:07:23

原创

1539人浏览过

什么是短路表达式？

短路表达式：作为"&&"和"||"操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。这是这两个操作符的一个重要属性。

一个最简单的例子：

复制代码代码如下:

foo = foo||bar;

这行代码是什么意思？答案：

复制代码代码如下:

//如果foo存在，值不变，否则把bar的值赋给foo

if(!foo)

    foo = bar;

在javascript的逻辑运算中，0、""、null、false、undefined、NaN都会判定为false，而其他都为true。所以在上式的foo = foo||bar;中，||先计算第一个运算数，如果可以被转换成true，也就是表示foo已经存在有值，那么返回左边这个表达式的值，否则计算第二个运算数bar。

立即学习“Java免费学习笔记（深入）”；

LLaMA-Factory Online

在线大模型训练与微调服务平台

394

查看详情

另外，即使||运算符的运算数不是布尔值，仍然可以将它看作布尔OR运算，因为无论它返回的值是什么类型，都可以被转换为布尔值。

当然，使用如下做法会更加严谨：

复制代码代码如下:

if(foo)      //不够严谨

if(!!foo)    //更为严谨，!!可将其他类型的值转换为boolean类型

可以测试一下：

复制代码代码如下:

var foo;

var number = 1;

var string = "string";

var obj = {};

var arr = [];

console.log(typeof(foo));  // undefined

console.log(typeof(number));　　//number

console.log(typeof(string));　　//string

console.log(typeof(obj));　　//object　　

console.log(typeof(arr));　　//object

console.log(typeof(!!foo));  // boolean

console.log(typeof(!!number));　　//boolean

console.log(typeof(!!string));　　//boolean

console.log(typeof(!!obj));　　//boolean

console.log(typeof(!!arr));　　//boolean