какой шаблон использовать при создании класса JavaScript?

Question

Каков наилучший способ создания классов (как в ООП) в Javascript?Прямо сейчас я использую следующую схему.Это нормально?

var myclass = (function() {
var _name;
var baseObject = {
    a: 10,
    c: function() {
        return _name + " world " + privateFunc();
        }
};
function privateFunc() { return _name + "-ba"; };

function myclass(name) {
    _name = name;
    this.x = 9;
};
myclass.prototype = baseObject;
return myclass; })();

Answer 1

На мой взгляд, лучший способ создать классы в JavaScript - это "не делать". Простите за грубость, но при работе с JavaScript постарайтесь забыть о классах - их здесь нет - и примите, что язык работает только с объектами.

Отсутствие уроков по языку означает меньше кода для написания. В типичных приложениях большинство объектов не имеют братьев и сестер. У вас будет только один document, один window, один userList и т. Д. Создайте эти объекты с помощью буквальной нотации объекта:

var userList = {
    users: []
};

Хотя в JavaScript нет классов, есть конструкторы и прототипы . Эти концепции пригодятся, когда у вас есть несколько похожих объектов (например, пользователи, содержащиеся в userlist). В вашем примере кода используются обе эти концепции. Используя такие имена, как myclass, трудно сказать, что вы пытаетесь смоделировать. Вот пример конструктора User и расширение его прототипа:

var User = function (name) {
    this.name = name;
};

User.prototype.sayHello = function () {
    return "Hello, my name is " + this.name;
};

Answer 2

Следующий пример иллюстрирует шаблон, который я лично разработал с течением времени.

Использует область видимости, чтобы разрешить закрытые поля и методы.

Для подробного обсуждения, пожалуйста, взгляните на Шаблоны классов JavaScript

Employee = (function(){

  // private static field
  var staticVar;

  // class function a.k.a. constructor
  function cls()
  {
    // private instance field
    var name = "";
    var self = this;

    // public instance field
    this.age = 10;

    // private instance method
    function increment()
    {
        // must use self instead of this
        self.age ++;
    }

    // public instance method  
    this.getName = function(){
        return cls.capitalize(name);
    };

    this.setName = function(name2){
        name = name2;
    };

    this.increment = function(){
        increment();
    };

    this.getAge = function(){
        return this.age;
    };
  }

  // public static field
  cls.staticVar = 0;

  // public static method
  cls.capitalize = function(name){
      return name.substring(0, 1).toUpperCase() + 
          name.substring(1).toLowerCase();
  };

  // private static method
  function createWithName(name)
  {
    var obj = new cls();
    obj.setName(cls.capitalize(name));
    return obj;
  }

  return cls;
})();

john = new Employee();
john.setName("john");

mary = new Employee();
mary.setName("mary");
mary.increment();

alert("John's name: " + john.getName() + ", age==10: "+john.getAge());
alert("Mary's name: " + mary.getName() + ", age==11: "+mary.getAge());

Answer 3

Не существует «лучшего» пути. В JavaScript есть несколько шаблонов ООП, и тот, который вы упомянули, является одним из них (и также популярным). По сути, это прототип (или псевдоклассика) шаблон с замыканием для инкапсуляции частных статических переменных на основе классов.

Существуют и другие паттерны (например, функциональный паттерн, рекомендованный Дугласом Крокфордом).

Я лично рекомендую псевдоклассическую модель (хотя, какая модель лучше, это горячая дискуссия).

Если вы выполняете ООП с JavaScript, я настоятельно рекомендую вам обратить внимание на принятие библиотеки JavaScript со встроенным ООП, такой как Dojo Toolkit или Закрытие библиотеки . Другие библиотеки (например, jQuery, MOOtools, Ext и т. Д.) Имеют модули ООП и / или плагины.

Answer 4

Javascript использует прототип наследования.

Если вы хотите создать пользовательские классы, я бы порекомендовал прочитать, что такое прототипическое наследование, вместо того, чтобы пытаться навязать методологию c # для js (реализация наследования на основе классов вместо прототипа)

http://phrogz.net/js/classes/OOPinJS.html