仅对部分params对象的ES6默认值

Question

给定如下函数，为了能够调用showToast({ text: "some text"})并仍然获得params.autoHide和params.action的默认值，应该使用什么正确的语法？

function showToast (params = {text: 'Something happened!', autoHide: false, action: 'CLOSE'}) {
    //noinspection JSUnresolvedFunction
    const toast = $mdToast.simple()
        .textContent(params.text)
        .position('top right')
    ;

    if (!params.autoHide) {
        toast.hideDelay(false);
    }
    if (params.action) {
        //noinspection JSValidateTypes
        toast.action(params.action); // label for close btn
    }

    $mdToast.show(toast);
}

Answer 1

您也可以在参数列表中使用对象析构。唯一需要更改的是，您不能通过params对象访问参数：

​

function foo({text = "Hi", autoHide = false, action = "CLOSE"} = {}) {
  console.log(text + " " + autoHide + " " + action)
}

foo({text: "asd"});

​

见巴贝尔/瑞尔。

请注意析构对象的= {}默认值。这使得在不使用单个参数( foo(); )的情况下调用函数成为可能。

Answer 2

您可以使用参数对象析构来实现这一点：

function showToast({text = 'Something happened!', autoHide = false, action = 'CLOSE'} = {}) {
    //noinspection JSUnresolvedFunction
    const toast = $mdToast.simple().textContent(text).position('top right');

    if (!autoHide) {
        toast.hideDelay(false);
    }
    if (action) {
        //noinspection JSValidateTypes
        toast.action(action); // label for close btn
    }

    $mdToast.show(toast);
}

showToast({ text: "some text" }) // defaults autoHide to false, action to 'CLOSE'

见“设置函数参数的默认值”。