es6/7 shorthand 用于将属性从对象分配给 HTMLElement

Question

以下情况的 shorthand 是什么：

setupIframeConfig(element: HTMLIFrameElement, config: IFrameConfig){
    element.src = config.src;
    element.width = config.width;
    element.width = config.width;
}

使用 rest 不会这样做，因为它会创建一个新对象而不是 HTML 元素引用。

element = {...element, ...config}

thought maybe destructured assignment, but is used for declaring variables.

这种情况下 shorthand es6/7 是什么？

Answer 1

我假设您正在寻找最简洁的方法。

最有可能通过使用 Object.assign:

来实现

The Object.assign() method copies all enumerable own properties from one or more source objects to a target object.

在您的例子中，目标对象是 element，这里唯一的源对象是 config:

Object.assign(element, config)

es6/7 shorthand 用于将属性从对象分配给 HTMLElement

es6/7 shorthand for assigning properties from object to HTMLElement

javascript

typescript

ecmascript-6

ecmascript-2017