javascript - 对象实现`for of`,`Object.keys(Object(this))`这里面的`this`是什么？

Question

Object.keys(Object(this))这里面的this是什么？为什么value值输出为undefined？

    const obj = {            a: 1,            b: 2,            c: 3        }        Object.prototype[Symbol.iterator] = function value() {            console.log("this-------", this,Object(this));            const keys = Object.keys(Object(this));            let nextIndex = 0;            function next() {                return nextIndex < keys.length ? { value: [keys[nextIndex], obj[keys[nextIndex++]]], done: false } : { value: undefined, done: true };            }            return { next }        }        for (const [key, value] in obj) {            console.log('key----', key);            console.log('value----', value);        }

Answer 1

this 指的是调用 Symbol.iterator 方法的对象，也就是obj这个对象，
然后应该用 for...of 循环

const obj = {    a: 1,    b: 2,    c: 3}Object.prototype[Symbol.iterator] = function() {    const keys = Object.keys(this);    let nextIndex = 0;    const that = this;    function next() {        return nextIndex < keys.length ?             { value: [keys[nextIndex], that[keys[nextIndex++]]], done: false } :             { value: undefined, done: true };    }    return { next };}for (const [key, value] of obj) {    console.log('key----', key);    console.log('value----', value);}

Answer 2

this就是 obj，至于为什么不对 是因为你用的for in 而不是 for of，
for...in循环用于遍历对象的可枚举属性。它遍历对象自身及其原型链上的所有可枚举属性，但不会遍历对象的迭代器