猫王(? ?)可选的链接操作符在TypeScript 3.7中被支持。

你可以用它来检查空值:cats?如果cats为null或未定义，Miows将返回null。

你也可以将它用于可选方法调用:cats.doMiow?(5)将调用doMiow如果它存在。

属性访问也是可能的:猫?.['喵']。

参考:https://devblogs.microsoft.com/typescript/announcing-typescript-3-7-beta/

更新:是的，现在支持了!

它刚刚与TypeScript 3.7一起发布:https://devblogs.microsoft.com/typescript/announcing-typescript-3-7/

它被称为可选链接:https://devblogs.microsoft.com/typescript/announcing-typescript-3-7/#optional-chaining

有以下内容:

let x = foo?.bar.baz(); 

等价于:

let x = (foo === null || foo === undefined) ?
    undefined :
    foo.bar.baz();

旧的答案

在github上有一个开放的功能请求，你可以在那里发表你的意见/愿望:https://github.com/Microsoft/TypeScript/issues/16

我们在开发Phonetradr时创建了这个util方法，它可以让你以类型安全的方式访问Typescript的深层属性:

/** * Type-safe access of deep property of an object * * @param obj Object to get deep property * @param unsafeDataOperation Function that returns the deep property * @param valueIfFail Value to return in case if there is no such property */ export function getInSafe<O,T>(obj: O, unsafeDataOperation: (x: O) => T, valueIfFail?: any) : T { try { return unsafeDataOperation(obj) } catch (error) { return valueIfFail; } } //Example usage: getInSafe(sellTicket, x => x.phoneDetails.imeiNumber, ''); //Example from above getInSafe(foo, x => x.bar.check, null);

这是在ECMAScript可选链接规范中定义的，所以在讨论这个问题时，我们可能应该参考可选链接。可能实现:

const result = a?.b?.c;

从长期和短期来看，TypeScript团队正在等待ECMAScript规范的收紧，这样他们的实现就可以在未来不中断。如果他们现在实现了一些东西，如果ECMAScript重新定义了他们的规范，那么最终需要进行重大更改。

参见可选连接规范

如果有些东西永远不会成为标准JavaScript, TypeScript团队可以按照他们认为合适的方式实现，但对于未来的ECMAScript添加，他们希望保留语义，即使他们提供早期访问，就像他们对许多其他特性一样。

捷径

所以JavaScripts所有时髦的操作符都是可用的，包括类型转换，比如…

var n: number = +myString; // convert to number
var b: bool = !!myString; // convert to bool

手动解决方案

回到问题上来。我有一个愚蠢的例子，说明如何在JavaScript(以及TypeScript)中做类似的事情，尽管我绝对不是说它是你真正追求的一个优雅的特性。

(foo||{}).bar;

如果foo未定义，结果也未定义如果foo有定义并且有一个名为bar的属性，它有一个值，结果就是那个值。

我在JSFiddle上放了一个例子。

对于更长的例子来说，这看起来很粗略。

var postCode = ((person||{}).address||{}).postcode;

链函数

如果您迫切需要一个更短的版本，而规范仍然悬而未决，我在某些情况下使用这种方法。它计算表达式，并在链不能满足或最终为null/undefined时返回默认值(注意!=在这里很重要，我们不想使用!==，因为我们在这里想要一些正的杂耍)。

function chain<T>(exp: () => T, d: T) {
    try {
        let val = exp();
        if (val != null) {
            return val;
        }
    } catch { }
    return d;
}

let obj1: { a?: { b?: string }} = {
    a: {
        b: 'c'
    }
};

// 'c'
console.log(chain(() => obj1.a.b, 'Nothing'));

obj1 = {
    a: {}
};

// 'Nothing'
console.log(chain(() => obj1.a.b, 'Nothing'));

obj1 = {};

// 'Nothing'
console.log(chain(() => obj1.a.b, 'Nothing'));

obj1 = null;

// 'Nothing'
console.log(chain(() => obj1.a.b, 'Nothing'));

正如之前所回答的，目前它仍在考虑中，但到目前为止它已经死在水里几年了。

在现有答案的基础上，以下是我能想到的最简洁的手动版本:

斯菲德尔

function val<T>(valueSupplier: () => T): T {
  try { return valueSupplier(); } catch (err) { return undefined; }
}

let obj1: { a?: { b?: string }} = { a: { b: 'c' } };
console.log(val(() => obj1.a.b)); // 'c'

obj1 = { a: {} };
console.log(val(() => obj1.a.b)); // undefined
console.log(val(() => obj1.a.b) || 'Nothing'); // 'Nothing'

obj1 = {};
console.log(val(() => obj1.a.b) || 'Nothing'); // 'Nothing'

obj1 = null;
console.log(val(() => obj1.a.b) || 'Nothing'); // 'Nothing'

它只是在缺少属性错误时无声地失败。它退回到确定默认值的标准语法，也可以完全省略。

虽然这适用于简单的情况，但如果您需要更复杂的东西，例如调用函数然后访问结果上的属性，那么任何其他错误也会被忽略。糟糕的设计。

在上述情况下，这里发布的其他答案的优化版本是更好的选择:

斯菲德尔

function o<T>(obj?: T, def: T = {} as T): T {
    return obj || def;
}

let obj1: { a?: { b?: string }} = { a: { b: 'c' } };
console.log(o(o(o(obj1).a)).b); // 'c'

obj1 = { a: {} };
console.log(o(o(o(obj1).a)).b); // undefined
console.log(o(o(o(obj1).a)).b || 'Nothing'); // 'Nothing'

obj1 = {};
console.log(o(o(o(obj1).a)).b || 'Nothing'); // 'Nothing'

obj1 = null;
console.log(o(o(o(obj1).a)).b || 'Nothing'); // 'Nothing'

一个更复杂的例子:

o(foo(), []).map((n) => n.id)

你也可以反过来使用类似Lodash' _.get()的东西。它是简洁的，但编译器将无法判断使用的属性的有效性:

console.log(_.get(obj1, 'a.b.c'));

我一般不推荐这种方法(注意性能问题)，但是您可以使用扩散操作符来浅克隆一个对象，然后您可以访问该对象上的属性。

 const person = { personId: 123, firstName: 'Simon' };
 const firstName = { ...person }.firstName;

这是可行的，因为'firstName'类型是通过'传播'的。

我将使用这个最频繁的时候，我有一个find(…)表达式，可以返回null，我需要一个单一的属性从它:

 // this would cause an error (this ID doesn't exist)
 const people = [person];
 const firstName2 = people.find(p => p.personId == 999).firstName;

 // this works - but copies every property over so raises performance concerns
 const firstName3 = { ...people.find(p => p.personId == 999) }.firstName;

typescript推断类型的方式可能有一些边缘情况，这不会被编译，但这通常应该是可行的。