javascript - javascript 是否有在对象中设置字段的简写方式？

Question

我正在使用以下内容：

var link = {};
link.action = $link.attr('data-action') || '';
link.dialogType = $link.attr('data-dialogType') || '';
link.params = $link.attr('data-params') || '';
link.title = $link.attr('title') || '';
link.viewURL = $link.attr('data-href') || '';
link.entity = $link.attr('data-entity') || '';
link.row = $link.attr('data-row');

但是有没有更好的方法来做到这一点？

Answer 1

试试这个：

var link = {
   action : $link.data('action') || '',
   dialogType : $link.data('dialogType') || '',
   params : $link.data('params') || '', 
   title : $link.attr('title') || '', 
   viewURL : $link.data('href') || '', 
   entity : $link.data('entity') || '',
   row : $link.data('row') 
}; 

Answer 2

您可以使用数据集属性。

允许在读取和写入模式下访问元素上设置的所有自定义数据属性 (data-*)。它是 DOMString 的映射，每个自定义数据属性都有一个条目。

var elm = $link[0], data = elm.dataset, link = { title: elm.title };
for (var i in data) link[i] = data[i]

http://jsfiddle.net/AdzE3/