javascript在不用框架的情况下，为了防止全局变量污染等，如何写更好（或更优雅）

Question

用函数的形式//做饭 let cook = function(){    let FoodMaterial = 'Tomatoes'; //食材：西红柿     let Spice = '食用盐'; //作料：食用盐     return {        buy:function(){            console.log('购买' + FoodMaterial + '和' + 'Spice' );         },        doFood:function(){            console.log(`开始做${FoodMaterial}`);         },        setFood:function(food){            //未传参则不执行赋值             food && (FoodMaterial = food);         }     } }let o = cook(); o.setFood('肉'); o.buy();对象的形式let cook = {        FoodMaterial : 'Tomatoes',          Spice :'食用盐',             buy:function(){              console.log('购买' + FoodMaterial + '和' + 'Spice' );         },        doFood:function(){              console.log(`开始做${FoodMaterial}`);         },        setFood:function(food){                //未传参则不执行赋值            food && (FoodMaterial = food);         }     }    let o = cook;     o.setFood('肉');     o.buy();        o.doFood();问题一：以上代码结果一样，但是有什么不同么，用哪个更好？问题二：在不用js框架的情况下,请问怎么编写代码比较好，附代码更好

Answer 1

回答下问题一吧，两种用法是不同的。
对象的形式：

let o1 = cook; let o2 = cook;

o1和o2是指向同一块内存地址的，所以可以认为此时的o1、o2、cook是同一个对象。

函数的形式：

let o1 = cook(); let o2 = cook();

每执行一次函数，就return一个对象，执行两次函数，会创建两个对象，所以o1和o2是没有关联的。