对象的"可枚举"到底有啥用？

可枚举属性有什么作用？用在什么场景下，什么业务下？

var God = {    extends(name, obj){        /*        * 我们约定对象中必须有 data和methdos2个属性        * 并且data是函数,methods是对象        * */        if('data' in obj && 'methods' in obj && typeof obj.data=='function' && typeof obj.methods=='object'){            var getData = obj.data();            if (typeof getData == 'object'){                Object.assign(obj.methods, getData);                this[name] = obj;            }        }    }};var news = {    data(){        return {id:101, title:'新闻标题'};    },    methods:{        show(){            alert(this.id);        }    }};// 然后我们可以这样访问God.extends('name',news);God.name.methods.show();

看我们前面的代码，God是一个母对象，意思就说我们协作开发，一般由项目组长或技术经理来开发God这个类。
news就是我们的业务对象，由我们的队友来开发，一旦我们开发完成之后，我们只需要关注这个类有什么数据，这些数据怎么去调用。
我们的God来进行适配，把这个news对象整合到我们的业务中。

上面的代码我就实现了，只要使用God.extends('name',news);整合进来，我们就可以使用God.name访问原本news对象定义的属性或方法。

    methods:{        show(){            alert(this.id);        }    }

注意：news对象中，我们是使用this.id获取的news对象里data()中的数据。
我们知道如果你不作任何处理，是不能这样使用的，现在能这样使用是因为，我们在God中通过Object.assign()方法作了处理。

思考题

God里面如果有一些属性，比如version:'1.0'，那么如果我们在news(子对象里)如何通过以下代码来得到呢？

alert(this.$global.version)

开始：

var God = {    version:'1.0',    extends(name, obj){        // 调用初始化函数        this.init();        /*        * 我们约定对象中必须有 data和methdos2个属性        * 并且data是函数,methods是对象        * */        if('data' in obj && 'methods' in obj && typeof obj.data=='function' && typeof obj.methods=='object'){            var getData = obj.data();            if (typeof getData == 'object'){                Object.assign(obj.methods, getData, this);                this[name] = obj;            }        }    },    init(){        var keys = Object.keys(this); // 列举出this当前是所有属性        this.$global = {};        keys.forEach((key)=>{            this.$global[key] = this[key];        });    }};var news = {    data(){        return {id:101, title:'新闻标题'};    },    methods:{        show(){            alert(this.$global.version);            // alert(this.id);        }    }};// 然后我们可以这样访问God.extends('name',news);God.name.methods.show();

分析：God中定义了一个init()方法，完成属性遍历赋值给this.$global。然后在extends()里调用，在Object.assign()的时候把this也传了进去。
这样news中就可以通过this.$global拿到God对象version属性的值。

问题来了

刚才我们的举动把母对象一些“子对象不能用或者不需要用的”属性也给合并进去了。

怎么解决，上代码：

var God = {    version:'1.0',    extends(name, obj){        // 调用初始化函数        this.init();        /*        * 我们约定对象中必须有 data和methdos2个属性        * 并且data是函数,methods是对象        * */        if('data' in obj && 'methods' in obj && typeof obj.data=='function' && typeof obj.methods=='object'){            var getData = obj.data();            if (typeof getData == 'object'){                Object.assign(obj.methods, getData, this);                this[name] = obj;            }        }    },    init(){        // 把God对象的这2个属性的enumerable设置为false        Object.defineProperty(this,'init',{enumerable:false});        Object.defineProperty(this,'extends',{enumerable:false});        var keys = Object.keys(this); // 列举出this当前是所有属性        this.$global = {};        keys.forEach((key)=>{            this.$global[key] = this[key];        });    }};var news = {    data(){        return {id:101, title:'新闻标题'};    },    methods:{        show(){            alert(Object.keys(this.$global));            // alert(this.id);        }    }};// 然后我们可以这样访问God.extends('name',news);God.name.methods.show();

分析：我们通过Object.defineProperty来设置那些属性不可枚举

        // 把God对象的这2个属性的enumerable设置为false        Object.defineProperty(this,'init',{enumerable:false});        Object.defineProperty(this,'extends',{enumerable:false});

上代码我们把init和extends都设置了false。
我们测试看看：

 alert(Object.keys(this.$global));

只打印出version。如果不写:

//Object.defineProperty(this,'init',{enumerable:false});        //Object.defineProperty(this,'extends',{enumerable:false});

打印出God 的所有子对象(属性)。