使用箭头函数使对象可迭代时出现问题

const Person = (name, age) => {
  this.name = name;
  this.age = age;
};

const person = new Person('Alice', 25); // TypeError: Person is not a constructor

function Person(name, age) {
  this.name = name;
  this.age = age;
}

const person = new Person('Alice', 25);

const obj = {
  name: 'Alice',
  greet: () => {
    console.log(`Hello, ${this.name}`);
  }
};

obj.greet(); // 输出: Hello, undefined

const obj = {
  name: 'Alice',
  greet() {
    console.log(`Hello, ${this.name}`);
  }
};

obj.greet(); // 输出: Hello, Alice

const obj = {
  array: [1, 2, 3],
  [Symbol.iterator]() {
    let index = 0;
    return {
      next: () => {
        if (index < this.array.length) {
          return { value: this.array[index++], done: false };
        } else {
          return { done: true };
        }
      }
    };
  }
};

for (const value of obj) {
  console.log(value); // TypeError: Cannot read property 'array' of undefined
}

const obj = {
  array: [1, 2, 3],
  [Symbol.iterator]() {
    let index = 0;
    const self = this;
    return {
      next: function() {
        if (index < self.array.length) {
          return { value: self.array[index++], done: false };
        } else {
          return { done: true };
        }
      }
    };
  }
};

for (const value of obj) {
  console.log(value); // 输出: 1 2 3
}