Подтвердить что ты не робот

Программирование ООП в Javascript с помощью Node.js

На самом деле я играю с Javascript, который делает небольшую игру, и я хотел бы реализовать то, что я нашел на http://www.crockford.com/javascript/inheritance.html, что-то аналогично:

ZParenizor.method('toString', function () {
    if (this.getValue()) {
        return this.uber('toString');
    }
    return "-0-";
});

Я не могу найти ссылки на библиотеку, используемую для создания такого развития. Есть идеи? В противном случае я ищу хорошую библиотеку, которая поможет моим разработкам ООП.

Спасибо

Edit:

Я ищу решение/библиотеку ООП для Node.js. Обратите внимание, что я новичок в Node.js

4b9b3361

Ответ 1

2 месяца спустя

Возможно, вам нужна библиотека, ES5 многословно, поэтому я создал pd

Оригинальный ответ

Я ищу решение/библиотеку OOP для Node.js.

Вам не нужно нужна библиотека. У вас ES5.

JavaScript не имеет классического ООП. Он прототипирует ООП.

Это означает, что у вас есть только объекты. Единственное, что вы можете делать с объектами, - это расширение, манипулирование и клонирование.

Манипулирование

var o = {};
o.foo = "bar";

Extend

var o = someObject;
Object.defineProperties(o, {
  "foo": { value: "foo" },
  "bar": { value: "bar" }
  "method": { value: function () { } }
}

Clone

var o = someObject;
var p = Object.create(o);

Клон и расширение

var o = someObject;
var p = Object.create(o, {
  "foo": { value: "foo" },
  "bar": { value: "bar" }
  "method": { value: function () { } }
}

Важно понимать, как Object.create, Object.defineProperty и Object.defineProperties.

Операция клонирования фактически не клонируется. Это создает новый объект из плана. Проект - это объект. Он помещает проект в [[Prototype]]. [[Prototype]] живет в свойстве .__proto__, которое я буду использовать для демонстрации.

var o = {};
var p = Object.create(o);
p.__proto__ === o; // true
var q =  Object.create(p);
q.__proto__.__proto__ === o;
var r = Object.create(q);
r.__proto__.__proto__.__proto__ === o;

Отказ от ответственности: .__proto__ устарел. Не используйте его в коде. Он использует его для проверки отладки и проверки работоспособности.

Главное, что доступ к свойствам из o в r должен пройти три уровня вверх по цепочке прототипов, и это становится дорогостоящим. Чтобы решить эту проблему, а не клонировать случайные объекты, вы должны клонировать конкретные чертежи (и у вас должен быть один проект для каждого объекта).

// Parent blueprint
var Parent = (function _Parent() {
  // create blank object
  var self = Object.create({});

  // object logic

  return self;
}());

// factory function
var createParent = function _createParent(foo) {
  // create a object with a Parent prototype
  return Object.create(Parent, {
    foo: { value: foo }
  });
}

var Child = (function _Child() {
  var self = Object.create(Parent);

  // other stuff

  return self;
}());

var createChild = function _createChild(bar) {
  return Object.create(Child, {
    bar: { value: bar }
  })
};

Здесь фрагмент кода, над которым я работаю, можно использовать в качестве примера:

var Sketchpad = (function _SketchPad() {
    var self = Object.create({});

    var mousemove = function _mousemove(e) {
        this.drawLine(e);
    };

    self._init = function _init() {
        this.$elem.bind({
            "mousemove": mousemove.bind(this),
        });
        this.pens = {};

        $("#clear").bind("click", this.clear.bind(this));
        $("#undo").bind("click", (function _undoPath() {
            this.pen.undo();
        }).bind(this));

        return this;
    };

    self.clear = function() {
        this.paper.clear();    
    };

    return self;    
}());

createSketch = function _createSketchPad(id, w, h) {
    var paper = Raphael(id, w, h);
    var pen = createPen(paper);
    var o = Object.create(Sketchpad, {
        paper: { value: paper },
        $elem: { value: $("#" + id) },
        pen: { 
            get: function() { return pen; },
            set: function(v) { pen = v; }
        }
    });

    return o._init();
};

Ответ 3

Вас также может заинтересовать GNU ease.js. Если вы не заинтересованы в самой библиотеке, ее руководство подробно перейдет к деталям реализации.

Вы также можете увидеть статью статьи о классическом ООП в ECMAScript.

Ответ 4

Вы можете попробовать Joose, https://github.com/SamuraiJack/Task-Joose-NodeJS. Хотя, я лично рекомендую придерживаться функциональных возможностей Javascript, как это предусмотрено ES5.

Ответ 5

В статье, на которую вы ссылались, он просто приводил пример того, что было возможно с наследованием в javascript. Он не использовал фреймворк, но показывая вам, как расширить свои собственные классы, которые вы написали.

Рамки для javascript включают Backbone.js (mvc) и MooTools (oop).

Ответ 6

extjs поддерживает OOP с Ext.define и Ext.extend ( и Ext.ns). См. этот пример на сайте Sencha.com

Ext.extend - это более старый метод, но по-прежнему полезен. Вы сделали бы что-то вроде этого:

Ext.ns('myApp.myPackage');  // create a namespace 
(function() { // this adds it to the namespace

var MyClass = Ext.extend(BaseClass, {
    property: 1,

    constructor: function(config) {
        Ext.apply(this, config);
    },

    method: function(a, b) { 
        this.property = a + b;
    }
});

myApp.myPackage.MyClass = MyClass;

}) ()

С Ext.define во Ext 4+ вы можете сделать:

Ext.define('myApp.myPackage.MyClass', // don't need to define the namespace first
    extend: 'BaseClass' // notice the base class is referenced by a string,
    requires: 'AnotherClass',
    mixins: { mixin : 'MixinPackage' },

    property: 1,

    constructor: function(config) {
        //...
    }

   method: function(a, b) {
        this.property = a + b;
    }
});

Обратите внимание, что вы также можете использовать традиционный OOP в javascript с параметрами 'new' и function.prototype

Ответ 7

Если вы хотите сделать реальный сильный ООП в Javascript/ Node, вы можете взглянуть на полноэкранную фреймворк с открытым исходным кодом Danf.

Он позволяет использовать ООП (и, следовательно, те же классы) на обеих сторонах сервера (node) и клиента (браузера). Он также обеспечивает хороший механизм инъекции зависимостей (смотря как на Symfony2, если вы пришли из сообщества PHP).