javascript - JavaScript 对象定义属性和最大值

Question

我正在学习 JavaScript 中的 OOP 基础知识，但在这个示例中遇到了一些问题：

var Human = function (first, surname) {
    var x = {};
    Object.defineProperties(x, {
        first: {
            get: function () {
                return this.first;
            },
            set: function (value) {
                this.first = value;
            }
        },
        surname: {
            get: function () {
                return this.surname;
            },
            set: function (value) {
                this.surname = value;
            }
        }
    });
    return x;
};
var alex = new Human("Alex", "Corlette");

1. 这：console.log(alex);输出：

   { }

2. 这：console.log(alex.first);输出：

   未捕获的 RangeError：超出最大调用堆栈大小

有人知道我在做什么错吗？

Answer 1

问题是范围。由于您正在定义一个属性，并且在 getter 和 setter 中引用了相同的 getter 和 setter。

该示例可以通过删除 this 关键字来修复。

var Human = function (first, surname) {
  var x = {};
  Object.defineProperties(x, {
    first: {
        get: function () {
            return first;
        },
        set: function (value) {
            first = value;
        }
    },
    surname: {
        get: function () {
            return surname;
        },
        set: function (value) {
           surname = value;
        }
    }
  });
  return x;
};
var alex = new Human("Alex", "Corlette");