javascript中是否存在null-coalescing(Elvis)运算符或安全导航运算符？

Question

我将通过例子解释:

猫王运营商(？:)

"Elvis运算符"是Java三元运算符的缩写.这方面的一个实例是,如果表达式解析为false或null,则返回"合理的默认值".一个简单的例子可能如下所示:

def gender = user.male ? "male" : "female"  //traditional ternary operator usage

def displayName = user.name ?: "Anonymous"  //more compact Elvis operator

安全导航操作员(？.)

安全导航操作符用于避免NullPointerException.通常,在引用对象时,可能需要在访问对象的方法或属性之前验证它是否为null.为了避免这种情况,安全导航操作符将只返回null而不是抛出异常,如下所示:

def user = User.find( "admin" )           //this might be null if 'admin' does not exist
def streetName = user?.address?.street    //streetName will be null if user or user.address is null - no NPE thrown

Answer 1

您可以使用逻辑"OR"运算符代替Elvis运算符:

例如displayname = user.name || "Anonymous".

但Javascript目前没有其他功能.如果你想要一种替代语法,我建议你看一下CoffeeScript.它有一些类似于你正在寻找的速记.

例如存在运算符

zip = lottery.drawWinner?().address?.zipcode

功能快捷方式

()->  // equivalent to function(){}

性感功能呼唤

func 'arg1','arg2' // equivalent to func('arg1','arg2')

还有多行评论和课程.显然你必须将其编译为javascript或插入页面,<script type='text/coffeescript>'但它增加了很多功能:).使用<script type='text/coffeescript'>实际上仅用于开发而非生产.

Answer 2

我认为以下相当于安全导航操作符,虽然有点长:

var streetName = user && user.address && user.address.street;

streetName然后将是任一值user.address.street或undefined.

如果您希望它默认为其他东西,您可以与上面的快捷方式结合使用或给出:

var streetName = (user && user.address && user.address.street) || "Unknown Street";

Answer 3

Javascript的逻辑OR运算符是短路的,可以替换您的"Elvis"运算符:

var displayName = user.name || "Anonymous";

但是,据我所知,与您的?.运营商无关.

Answer 4

2020 更新

JavaScript 现在具有 Elvis Operator 和 Safe Navigation Operator 的等效项。

安全的财产访问

在可选的链接运营商（?.）是目前阶段4 ECMAScript的建议。你今天可以在 Babel 中使用它。

// `undefined` if either `a` or `b` are `null`/`undefined`. `a.b.c` otherwise.
const myVariable = a?.b?.c;

该逻辑AND运算符（&&）是“老”，更详细的处理这种情况的方式。

const myVariable = a && a.b && a.b.c;

提供默认值

所述nullish合并运算符（??）是目前阶段4的ECMAScript提案。你今天可以在 Babel 中使用它。如果运算符的左侧是空值 ( null/ undefined)，它允许您设置默认值。

const myVariable = a?.b?.c ?? 'Some other value';

// Evaluates to 'Some other value'
const myVariable2 = null ?? 'Some other value';

// Evaluates to ''
const myVariable3 = '' ?? 'Some other value';

的逻辑OR运算符（||）是一种替代解决方案略有不同的行为。如果运算符的左侧为falsy ，它允许您设置默认值。请注意，myVariable3下面的结果与myVariable3上面的不同。

const myVariable = a?.b?.c || 'Some other value';

// Evaluates to 'Some other value'
const myVariable2 = null || 'Some other value';

// Evaluates to 'Some other value'
const myVariable3 = '' || 'Some other value';

Answer 5

我偶尔会发现以下习语很有用:

a?.b?.c

可以改写为:

((a||{}).b||{}).c

它利用了一个对象上获得未知属性返回undefined,而不是因为它在抛出异常的事实null或者undefined,所以我们导航之前更换null和undefined一个空对象.

Answer 6

我认为lodash _.get()可以在这里提供帮助,比如_.get(user, 'name')更复杂的任务_.get(o, 'a[0].b.c', 'default-value')

Answer 7

还没.也许很快 目前有一个规范草案:

https://github.com/tc39/proposal-optional-chaining

https://tc39.github.io/proposal-optional-chaining/

现在,虽然,我喜欢用lodashget(object, path [,defaultValue])或DLVdelve(obj, keypath)

Answer 8

对于前者,您可以使用||.Javascript"逻辑或"运算符,而不是简单地返回固定的true和false值,如果它为真,则遵循返回其左参数的规则,否则评估并返回其右参数.如果你只对真值感兴趣,那么它的效果会相同,但它也意味着foo || bar || baz返回包含真值的foo,bar或baz中最左边的一个.

但是,您找不到可以将false与null区分开来的,0和空字符串都是false值,因此请避免使用可以合法地为0或0 的value || default构造.value""

Answer 9

这通常称为空合并运算符。Javascript没有。

Answer 10

您可以通过以下方式实现大致相同的效果：

var displayName = user.name || "Anonymous";

Answer 11

这是等效的简单elvis运算符：

function elvis(object, path) {
    return path ? path.split('.').reduce(function (nestedObject, key) {
        return nestedObject && nestedObject[key];
    }, object) : object;
}

> var o = { a: { b: 2 }, c: 3 };
> elvis(o)

{ a: { b: 2 }, c: 3 }

> elvis(o, 'a');

{ b: 2 }

> elvis(o, 'a.b');

2

> elvis(o, 'x');

undefined

Answer 12

就在这里！

可选链接处于第3阶段，这使您可以使用user?.address?.street公式。

如果您迫不及待想要发布，请安装@babel/plugin-proposal-optional-chaining并使用它。这是适用于我的设置，或者只是阅读Nimmo的文章。

// package.json

{
  "name": "optional-chaining-test",
  "version": "1.0.0",
  "main": "index.js",
  "devDependencies": {
    "@babel/plugin-proposal-optional-chaining": "7.2.0",
    "@babel/core": "7.2.0",
    "@babel/preset-env": "^7.5.5"
  }
  ...
}

// .babelrc

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "debug": true
      }
    ]
  ],
  "plugins": [
    "@babel/plugin-proposal-optional-chaining"
  ]
}

// .babelrc

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "debug": true
      }
    ]
  ],
  "plugins": [
    "@babel/plugin-proposal-optional-chaining"
  ]
}

Answer 13

2019 年 9 月更新

是的，JS 现在支持这个。可选链即将发布到 v8阅读更多