javascript在不用框架的情況下，為了防止全局變量污染等，如何寫更好（或更優(yōu)雅）

用函數(shù)的形式

//做飯 
let cook = function(){
    let FoodMaterial = 'Tomatoes'; //食材：西紅柿
    let Spice = '食用鹽'; //作料：食用鹽
    return {
        buy:function(){
            console.log('購買' + FoodMaterial + '和' + 'Spice' );
        },
        doFood:function(){
            console.log(`開始做${FoodMaterial}`);
        },
        setFood:function(food){
            //未傳參則不執(zhí)行賦值
            food && (FoodMaterial = food);
        }
    }
}
let o = cook();
o.setFood('肉');
o.buy();    //購買肉和Spice
o.doFood();//開始做肉

對象的形式

let cook = {
        FoodMaterial : 'Tomatoes', //食材：西紅柿
        Spice :'食用鹽', //作料：食用鹽
           buy:function(){
              console.log('購買' + FoodMaterial + '和' + 'Spice' );
        },
        doFood:function(){
              console.log(`開始做${FoodMaterial}`);
        },
        setFood:function(food){
                //未傳參則不執(zhí)行賦值
           food && (FoodMaterial = food);
        }
    }
    let o = cook;
    o.setFood('肉');
    o.buy();    //購買肉和Spice
    o.doFood();//開始做肉

問題一：

以上代碼結果一樣，但是有什么不同么，用哪個更好？

問題二：

在不用js框架的情況下,請問怎么編寫代碼比較好，附代碼更好

回答

編輯回答

命多硬

一個封閉空間解決所有變量污染，函數(shù)重復現(xiàn)象

es6 lef/const

(function(){
    //cose
    var a=1;
    console.log(a);//1
})();
(function(){
    //cose
    var a=2;
    console.log(a);//2
})();
console.log(a);//not defined

2017年9月21日 20:56

編輯回答