如何避免JavaScript变量作用域被污染？---模块化

如何避免作用域污染？

1，将代码模块化。

2，将模块化的代码通过webpack等脚手架工具进行转换。

3，代码模块化是如何转成浏览器能够识别的代码？---模块化转成自执行函数

脚手架是如何将模块化的代码转化为浏览器可识别的代码？

eg:这里是模块话的代码

console.log('let us go study!')

export default {

    name : "模块化",

    write:()=>{

        console.log(this.name)

    }

}

转化为自执行函数

(function(){

    console.log('let us go study!')

    return {

    name : "模块化",

        write:()=>{

            console.log(this.name)

        }

    }

})();

这样便可以做到当即执行也有返回。逻辑一样，写发不一样。。。