在javascript中创建命名空间的最佳方法是什么？

Question

在互联网上非常常见的方法，在产品的javascript中使用命名空间作为“window.com.company.product”。

我尝试使用这种方法。但是我觉得客户在产品中使用这种API非常痛苦：

window.com = window.com || {};
window.com.company = window.com.company || {};
window.com.company.product = window.com.company.product || [];
productAPI = window.com.company.product;
productAPI.push({});

相反，我想提出不同的方法：

window['com.company.product'] = window['com.company.product'] || [];
productAPI = window.com.company.product;
productAPI.push({});

我认为它更容易使用，但所有好处都是一样的。 你怎么看？你在第二种方法中看到了什么缺点？

产品（使用示例）：

(function(){
    window.com = window.com || {};
    window.com.company = window.com.company || {};
    window.com.company.product = window.com.company.product || [];

    var data = copy(window.com.company.product);
    ...

    window.com.company.product.push = function() {
    ...
    }
}());

提前谢谢！