js原生方法遍历的四种方式

由于要看是否遍历对象原型__proto__上的属性，第一步先写构造函数

    function Fun(argument) {

        console.log(arguments)

        for (var i = 0; i <= arguments.length-1; i++) {

            this['k' + i] = arguments[i];

        }

    };

 构造函数原型上添加部分属性

    Fun.prototype.key1 = 'proto01';

    Fun.prototype.key2 = 'proto02';

    Fun.prototype.key3 = 'proto03';

    Fun.prototype.key4 = 'proto04';

 添加属性名为Symbol类型的属性和不可枚举熟悉

    Fun.prototype[Symbol("proto")] = 'proto05';

    Fun.prototype[Symbol("proto")] = 'proto06';

    Object.defineProperty(Fun.prototype, "defiPrro", {

        value: "不可枚举proto",

        enumberable: false

    })

 构造函数new一个实例

    var obj = new Fun(1,2,3,4,5,6);

给对象添加属性名为Symbol类型的属性和不可枚举熟悉

    obj[Symbol("own")] = 'Symbol 01';

    obj[Symbol("own")] = 'Symbol 02';

    Object.defineProperty(obj, "defiPrro", {

        value: "不可枚举objOwn",

        enumberable: false

    })

 Object.keys()遍历 

返回值是一个对象属性名组成的数组，包含对象自身（不含继承的属性）的所有可以枚举的属性（不含Symbol类型）

    Object.keys(obj).forEach( function(key, index) {

        console.log(key,obj[key])

    });

打印结果：

for in 遍历

返回值是一个对象属性名组成的数组，包含对象自身（含继承的属性）的所有可以枚举的属性（不含Symbol类型）

    for (var key in obj) {

        console.log(key,obj[key])

    }

打印结果：

Object.getOwnPropertyNames() 遍历 

返回值是一个对象属性名组成的数组，包含对象自身（不含继承的属性）的所有的（含不可枚举）属性（不含Symbol类型）

    Object.getOwnPropertyNames(obj).forEach(function(key){

        console.log(key,obj[key]);

    });

打印结果：

Reflect.ownKeys() 遍历 

返回值是一个对象属性名组成的数组，包含对象自身（不含继承的属性）的所有的（含不可枚举）属性（含Symbol类型）

Reflect是es6的新属性

    Reflect.ownKeys(obj).forEach(function(key){

        console.log(key,obj[key]);

    });

打印结果：