javascript - 有人可以在 javascript 中解释这段代码，其中函数将形式参数作为对象

Question

在 Vue 组件的方法中，我阅读了这段代码，其中以这种方式定义了一个函数

methods : {
   onEditorChange({ editor, html, text }) {
        console.log('editor change!', editor, html, text)
        this.content = html
   }
}

我检查了代码，它正在运行。我们可以为这样的函数声明形式参数吗？您可以在中找到代码片段 https://github.com/surmon-china/vue-quill-editor

Answer 1

这被称为解构。

来自: http://2ality.com/2015/01/es6-destructuring.html#parameter-handling

在 ECMAScript 5 中，您将按如下方式实现 selectEntries():

function selectEntries(options) {
    options = options || {};
    var start = options.start || 0;
    var end = options.end || getDbLength();
    var step = options.step || 1;
    ···
}

在 ECMAScript 6 中，您可以使用解构，如下所示:

function selectEntries({ start=0, end=-1, step=1 }) {
    ···
};