Шаблон прототипа JavaScript в ES6 - PullRequest
Новая
       37

Шаблон прототипа JavaScript в ES6

0 голосов
/ 19 марта 2019

Шаблон-прототип реализован в ES5 следующим образом: 

var Shape = function (id, x, y) {
   this.id = id;
   this.move(x, y);
};
Shape.prototype.move = function (x, y) {
   this.x = x;
   this.y = y;
};

, с другой стороны, его эквивалент ES6 определен (в здесь ) как: 

class Shape {
  constructor (id, x, y) {
    this.id = id
    this.move(x, y)
  }
  move (x, y) {
    this.x = x
    this.y = y
  }
}

Я готов использовать шаблон прототипа, чтобы избежать чрезмерного использования памяти и задаться вопросом, гарантируют ли классы ES6 это?

Ответы [ 2 ]

1 голос
/ 19 марта 2019

Ваш код не будет скомпилирован точно как шаблон прототипа, потому что преобразователи ES6 работоспособны, поэтому в ES6

это выглядит так 
class Shape {
constructor (id, x, y) {
this.id = id
this.move(x, y)
}
move (x, y) {
this.x = x
this.y = y
}
}

будет выглядеть следующим образом: при преобразовании у вас есть универсальный метод createclass, который преобразует прототип объекта с помощью встроенных методов объекта 

"use strict";

function _instanceof(left, right) {
if (
right != null &&
typeof Symbol !== "undefined" &&
right[Symbol.hasInstance]
) {
return right[Symbol.hasInstance](left);
} else {
return left instanceof right;
}
}

function _classCallCheck(instance, Constructor) {
if (!_instanceof(instance, Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}

function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}

function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}

var Shape =
/*#__PURE__*/
(function() {
 function Shape(id, x, y) {
  _classCallCheck(this, Shape);

  this.id = id;
  this.move(x, y);
}

_createClass(Shape, [
  {
    key: "move",
    value: function move(x, y) {
      this.x = x;
      this.y = y;
    }
  }
]);

return Shape;

}) ();

0 голосов
/ 19 марта 2019
Класс

и конструкторы являются просто синтаксическим сахаром.они компилируются, чтобы функционировать и создавать прототипы внутри.так что вы можете использовать оба, но лучше использовать в ES6.использование синтаксиса классов делает ваш код более чистым и объектно-ориентированным.если кто-нибудь из java / c ++ и т.д. (с чистым фоном ООП) придет и увидит код, он поймет, что на самом деле происходит

...