9

CoffeeScriptuser?.id变成

if (typeof user !== "undefined" && user !== null) {
   user.id;
}

是否有可能创建一个exists可以做类似事情的 JavaScript 函数？IE

exists(user).id

会导致user.id要么null

如果一个函数接受另一个参数 ie 会更容易exists(user, 'id')，但这看起来不太好。

4

3 回答 3

5

不，你不能产生这样的功能。问题在于：

any_function(undeclared_variable)

undeclared_variable如果没有在任何地方声明，将产生一个 ReferenceError 。例如，如果您运行此独立代码：

function f() { }
f(pancakes);

你会得到一个 ReferenceError 因为pancakes没有在任何地方声明。演示：http: //jsfiddle.net/ambiguous/wSZaL/

但是，该typeof运算符可以用于尚未声明的内容，因此：

console.log(typeof pancakes);

将简单地undefined在控制台中登录。演示：http: //jsfiddle.net/ambiguous/et2Nv/

如果您不介意可能的 ReferenceErrors 那么您的问题中已经有了必要的功能：

function exists(obj, key) {
    if (typeof obj !== "undefined" && obj !== null)
        return obj[key];
    return null; // Maybe you'd want undefined instead
}

或者，由于您不需要能够typeof在此处使用未声明的变量，您可以将其简化为：

function exists(obj, key) {
    if(obj != null)
      return obj[key];
    return null;
}

!=请注意对,的更改undefined == null是正确的，即使undefined === null不是。

于 2013-06-27T16:50:29.397 回答
2

非常老的问题，但让我想到了这个解决方案。

exists = (obj) => obj || {}
exists(nullableObject).propName;
于 2016-12-19T23:02:23.003 回答
0

我认为这种函数式方法可能会很有趣，直到 JavaScript 中包含可选链接 （TC39 的状态 1）：

使用代理和Maybemonad，您可以实现可选链接，并在失败时返回默认值。

wrap()函数用于包装要应用可选链接的对象。在内部，wrap围绕您的对象创建一个代理并使用Maybe包装器管理缺失值。

在链的末尾，您通过getOrElse(default)使用默认值进行链接来解开该值，该默认值在链无效时返回：

const obj = {
  a: 1,
  b: {
    c: [4, 1, 2]
  },
  c: () => 'yes'
};

console.log(wrap(obj).a.getOrElse(null)) // returns 1
console.log(wrap(obj).a.b.c.d.e.f.getOrElse(null)) // returns null
console.log(wrap(obj).b.c.getOrElse([])) // returns [4, 1, 2]
console.log(wrap(obj).b.c[0].getOrElse(null)) // returns 4
console.log(wrap(obj).b.c[100].getOrElse(-1)) // returns -1
console.log(wrap(obj).c.getOrElse(() => 'no')()) // returns 'yes'
console.log(wrap(obj).d.getOrElse(() => 'no')()) // returns 'no'

wrap(obj).noArray.getOrElse([1]).forEach(v => console.log(v)) // Shows 1
wrap(obj).b.c.getOrElse([]).forEach(v => console.log(v)) // Shows 4, 1, 2

完整的例子：

class Maybe {
  constructor(value) {
    this.__value = value;
  }
  static of(value){
    if (value instanceof Maybe) return value;
    return new Maybe(value);
  }
  getOrElse(elseVal) {
    return this.isNothing() ? elseVal : this.__value;
  }
  isNothing() {
    return this.__value === null || this.__value === undefined;
  }
  map(fn) {  
    return this.isNothing()
      ? Maybe.of(null)
      : Maybe.of(fn(this.__value));
  }
}

function wrap(obj) {
  function fix(object, property) {
    const value = object[property];
    return typeof value === 'function' ? value.bind(object) : value;
  }
  return new Proxy(Maybe.of(obj), {
    get: function(target, property) {
      if (property in target) {
          return fix(target, property);
      } else {
        return wrap(target.map(val => fix(val, property)));
      }
    }
  });
}

const obj = { a: 1, b: { c: [4, 1, 2] }, c: () => 'yes' };

console.log(wrap(obj).a.getOrElse(null))
console.log(wrap(obj).a.b.c.d.e.f.getOrElse(null))
console.log(wrap(obj).b.c.getOrElse([]))
console.log(wrap(obj).b.c[0].getOrElse(null))
console.log(wrap(obj).b.c[100].getOrElse(-1))
console.log(wrap(obj).c.getOrElse(() => 'no')())
console.log(wrap(obj).d.getOrElse(() => 'no')())

wrap(obj).noArray.getOrElse([1]).forEach(v => console.log(v)) // Shows 1
wrap(obj).b.c.getOrElse([]).forEach(v => console.log(v)) // Shows 4, 1, 2

于 2019-02-20T09:39:09.280 回答