javascript - 这个 TypeScript 构造函数是如何工作的？默认对象？

Question

这个构造函数的最后一个参数是如何工作的？

    constructor(clientId: string, authority: string, tokenReceivedCallback: tokenReceivedCallback,
        {
            validateAuthority = true,
            cacheLocation = 'sessionStorage',
            redirectUri = window.location.href.split("?")[0].split("#")[0],
            postLogoutRedirectUri = redirectUri,
            navigateToLoginRequestUrl = true
        }:
            {
                validateAuthority?: boolean,
                cacheLocation?: string,
                redirectUri?: string,
                postLogoutRedirectUri?: string,
                navigateToLoginRequestUrl?: boolean,
            } = {}) {

        ...

    }

在我看来，它接收一个对象，如果未提供任何对象，则该对象已被默认，对吗？

如果我想覆盖一个值，比如cacheLocation，我该怎么做？我可以传递 { cacheLocation: 'localStorage' } 还是必须在这种情况下定义所有属性？

---

来源:MSAL.js

Answer 1

简短的回答:

It would seem to me, it takes in an object and the object has been defaulted if nothing is provided, correct?

正确。

If I want to override one of the values, say, cacheLocation, how do I do that? Can I pass { cacheLocation: 'localStorage' } or do I have to define all properties in that case?

是的，您可以只提供 cacheLocation，其余的将获得默认值。

---

说明

当谈到默认值时，您需要从外到内。

首先，您有 = {}。这意味着您可以在没有对象的情况下调用构造函数:

new Whatever("hello", "world");

---

接下来，您拥有具有默认值的对象属性绑定(bind)，例如 cacheLocation = 'sessionStorage'。这意味着 TypeScript 将尝试从名为 cacheLocation 的对象中获取一个属性。如果 cacheLocation 是 undefined，那么它将使用默认值('sessionStorage')，否则 TypeScript 将使用传入的任何内容。

这意味着如果你只传入一个带有validateAuthority但没有redirectUri的对象，redirectUri会得到它的默认值，但是validateAuthority会使用无论你传入什么。

---

所有这些都汇集在一起​​，形成了一个更易于使用的 API。当没有给出任何选项时，将使用最外层的默认值 (= {})。在空对象 ({}) 中，cacheLocation 和 validateAuthority 等属性将为 undefined。当这些属性在原始对象中是 undefined 时，最内层的默认值将取而代之。

---

如有疑问，try it out in the TypeScript playground .只需粘贴以下内容:

class C {
    constructor(
        {
            validateAuthority = true,
            cacheLocation = 'sessionStorage',
            redirectUri = window.location.href.split("?")[0].split("#")[0],
            postLogoutRedirectUri = redirectUri,
            navigateToLoginRequestUrl = true
        }:
            {
                validateAuthority?: boolean,
                cacheLocation?: string,
                redirectUri?: string,
                postLogoutRedirectUri?: string,
                navigateToLoginRequestUrl?: boolean,
            } = {}) {
    }
}

new C();

new C({ cacheLocation: 'asdbsgs' });