javascript - 我可以将 mixin 模式与 setter 和 getter 一起使用吗

Question

;
"use strict";
function IPoint() {

  this.getDistance = function(point) {
    var x = this.x - point.x;
    var y = this.y - point.y;
    return Math.sqrt(x * x + y * y);
  };

  this.isAbove = function(point) {
    if (this.y <= point.y) {
      return true;
    } else {
      return false;
    }
  };
  this.isBelow = function(point) {
    if (this.y >= point.y) {
      return true;
    } else {
      return false;
    }
  };
  this.isLeftOf = function(point) {
    if (this.x <= point.x) {
      return true;
    } else {
      return false;
    }
  };
  this.isRightOf = function(point) {
    if (this.x >= point.x) {
      return true;
    } else {
      return false;
    }
  };
};

var Point = function(x, y) {
  this.x = x;
  this.y = y;
  IPoint.call(this);
};
Point.prototype =
  Object.create(null,
                {
                  get x() {
                    return this._x;
                  },
                  set x(v) {
                    this._x = v;
                  },
                  get y() {
                    return this._y;
                  },
                  set y(v) {
                    this._y = v;
                  },
                });

给我错误Uncaught TypeError: Property description must be an object: undefined geometry.js:47 (anonymous function)。这给我的印象是我不能在传递给 dot.create 的对象中使用 setter 和 getter，但我不知道为什么。我究竟做错了什么？

Answer 1

Object.create确实将属性描述符的对象作为其第二个参数，就像这样defineProperties做一样。正确的语法是

Point.prototype = Object.create(null, {
    x: {
        get: function() { return this._x; },
        set: function(v) { this._x = v; },
        // configurable: true,
        // enumerable: true
    },
    x: {
        get: function() { return this._y; },
        set: function(v) { this._y = v; },
        // configurable: true,
        // enumerable: true
    }
});

但是，我看不出Points 不应该继承自的原因Object，所以就让它

Point.prototype = {
    get x() { return this._x; },
    set x(v) { this._x = v; },
    get y() { return this._y; },
    set y(v) { this._y = v; }
};