短路运算符

最新推荐文章于 2024-05-16 11:57:04 发布

原创最新推荐文章于 2024-05-16 11:57:04 发布 · 4.1k 阅读

6 ·

CC 4.0 BY-SA版权

.NET 同时被 2 个专栏收录

90 篇文章

订阅专栏

网站

12 篇文章

订阅专栏

本文深入探讨了JavaScript中短路运算符(&&, ||)的工作原理及其实用场景，特别是如何用于设置默认值。通过具体示例，如使用jQuery的highlight2函数，展示了这些运算符如何简化代码并确保逻辑清晰。同时，文章解释了||运算符作为空运算符的功能，当左侧表达式为空时返回右侧表达式的值。

短路运算符一般有：&&、||，其原理是：当有多个表达式时，左边的表达式值可以确定结果时，就不再继续运算右边的表达式的值。

$.fn.highlight2 = function (options) {
    // 要考虑到各种情况:
    // options为undefined
    // options只有部分key
    var bgcolor = options && options.backgroundColor || '#fffceb';
    var color = options && options.color || '#d85030';
    this.css('backgroundColor', bgcolor).css('color', color);
    return this;
}

对于默认值的处理，我们用了一个简单的&&和||短路操作符，总能得到一个有效的值。

以上是转自廖雪峰老师的JavaScript教程。

var result = name || '默认名字';

||还叫为空运算符，如果左边的为空，则取右边的值，如果不为空，则取自己的值。