Javascript函数传递对象还是使用数据属性？

Question

我想知道以下哪一个是传递服务器数据并在函数中使用它的最佳方法，特别是当该函数由组件使用时

方法1

function doSomething(elm, serverTime) {
   // Do something
}

<script>
doSomething('foo', '<% php server time %>');
</script>

对比

方法2

<div id="foo" data-server-time="<% php server time %>"></div>
function doSomething(foo) {
    var serverTime = getElementById("server-time").dataset.servertime;
    // Do something
}

<script>
doSomething('foo'); 
</script>

方法3

还有其他建议吗？想要执行以下操作但不确定如何执行？

document.getElementById("foo").doSomething() ?

Answer 1

对我来说，情况 1 会更好。

• 代码中的 coupling 会更少
• 代码不会使用global vars (document.getElementById)
• 您可以在其他没有 DOM 的地方重用您的函数，如the server .