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

对于前者，您可以使用||。Javascript的“逻辑或”操作符，不是简单地返回罐装的真值和假值，而是遵循这样的规则:如果左参数为真，则返回左参数，否则计算并返回右参数。当你只对真值感兴趣时，结果是一样的，但这也意味着foo || bar || baz返回包含真值的foo, bar或baz中最左边的一个。

但是，您将找不到一个可以区分false和null的值，并且0和空字符串是假值，因此避免使用value ||默认构造，其中value可以合法地为0或""。

我阅读了这篇文章(https://www.beyondjava.net/elvis-operator-aka-safe-navigation-javascript-typescript)，并使用代理修改了解决方案。

function safe(obj) {
    return new Proxy(obj, {
        get: function(target, name) {
            const result = target[name];
            if (!!result) {
                return (result instanceof Object)? safe(result) : result;
            }
            return safe.nullObj;
        },
    });
}

safe.nullObj = safe({});
safe.safeGet= function(obj, expression) {
    let safeObj = safe(obj);
    let safeResult = expression(safeObj);

    if (safeResult === safe.nullObj) {
        return undefined;
    }
    return safeResult;
}

你这样称呼它:

safe.safeGet(example, (x) => x.foo.woo)

如果表达式在其路径上遇到null或undefined，则结果将是未定义的。你可以随意修改Object原型!

Object.prototype.getSafe = function (expression) {
    return safe.safeGet(this, expression);
};

example.getSafe((x) => x.foo.woo);

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

这是一个有趣的解决方案，安全导航操作员使用一些mixin..

http://jsfiddle.net/avernet/npcmv/

  // Assume you have the following data structure
  var companies = {
      orbeon: {
          cfo: "Erik",
          cto: "Alex"
      }
  };

  // Extend Underscore.js
  _.mixin({ 
      // Safe navigation
      attr: function(obj, name) { return obj == null ? obj : obj[name]; },
      // So we can chain console.log
      log: function(obj) { console.log(obj); }
  });

  // Shortcut, 'cause I'm lazy
  var C = _(companies).chain();

  // Simple case: returns Erik
  C.attr("orbeon").attr("cfo").log();
  // Simple case too, no CEO in Orbeon, returns undefined
  C.attr("orbeon").attr("ceo").log();
  // IBM unknown, but doesn't lead to an error, returns undefined
  C.attr("ibm").attr("ceo").log();

我创建了一个软件包，使它更容易使用。

NPM jsdig Github jsdig

你可以处理简单的东西，比如and object:

const world = {
  locations: {
    europe: 'Munich',
    usa: 'Indianapolis'
  }
};

world.dig('locations', 'usa');
// => 'Indianapolis'

world.dig('locations', 'asia', 'japan');
// => 'null'

或者更复杂一点:

const germany = () => 'germany';
const world = [0, 1, { location: { europe: germany } }, 3];
world.dig(2, 'location', 'europe') === germany;
world.dig(2, 'location', 'europe')() === 'germany';