Javascript 对象中的变量

我正在读一个脚本，注意到编写脚本的程序员在一个对象中声明了所有变量。例如：

var variables = {
    height : window.innerHeight,
    width : window.innerWidth,
    image : 'img/image.png'
}

为什么要这样设置变量而不是传统的方法（如下所示）

---

这取决于用法

也许程序员想要将

高度

、

宽度

和

图像

字段传递到函数中，所以他将这些变量放在对象中作为一个参数传递

因此，与其这样做

function doSomething(height, width, image) {
    // do something
}

他能做到

function doSomething(imageObject) {
     // do something
}

---

可能要将每个变量传递到一个method=>method（变量）；创建一个具有3个属性的对象。在第二种情况下，创建三个不同的变量。这取决于上下文。传统方法将在编译时占用内存。为什么不通过对象进行运行时绑定并节省内存和提高效率呢。您喜欢运行时还是编译时？

function doSomething(imageObject) {
     // do something
}