Javascript 将变量从一个JS文件传递到另一个JS文件

我的用例是，我试图将我的电子商务数据传递到一个html页面中

目前，在我的第一个js文件（main.js）中，我正在执行以下操作：

  $('.order-checkout').click(function() {
    console.log("checkout")
    window.localStorage.removeItem('data');
    data = JSON.stringify(shoppingCart.listCart())
    console.log(data)
    localStorage.setItem("object_name",data);

  });

这是我试图传递的一些示例数据：

[{"name":"Marvel_Black_T-shirt","price":20,"count":1,"total":"20.00"},{"name":"DC_Black_T-shirt","price":35,"count":1,"total":"35.00"}]

我有第二个js文件（checkout.js），我在下面做这件事。因为我的checkout.html页面正在使用这个JS文件

var data;
var total_amount;

var data = localStorage.getItem("object_name");
console.log(data)
console.log ("debug")
results = JSON.parse(data)

console.log(results)
localStorage.clear();
document.querySelector("button").disabled = true;
const orderTotal = document.getElementById('order-total');
orderTotal.querySelector('[data-total]').innerText = results[0].total

我注意到有时我的console.log不一致…它可能不会打印调试消息和我的

orderTotal.querySelector（“[data total]”）。innerText=results[0]。未设置总计

这是使用本地存储的最佳方式吗？关于我该怎么做还有其他建议吗