Какой стиль вы используете для создания "класса"?

Question

Есть несколько способов получить классоподобное поведение в javascript, наиболее распространенным является прототип, основанный на этом:

function Vector(x, y, x) {
    this.x = x;
    this.y = y;
    this.z = z;
    return this;
}

Vector.prototype.length = function () { return Math.sqrt(this.x * this.x ... ); }

и подходы, основанные на замыкании, аналогичные

function Vector(x, y, z) {
    this.length = function() { return Math.sqrt(x * x + ...); }
}

По разным причинам последний работает быстрее, но я видел (и часто пишу) версию прототипа, и мне было любопытно, что делают другие люди.

Answer 1

Назначение функций прототипу лучше (для открытых методов), поскольку все экземпляры класса будут использовать одну и ту же копию метода. Если вы назначаете функцию внутри конструктора, как во втором примере, каждый раз, когда вы создаете новый экземпляр, конструктор создает новую копию функции длины и назначает ее только этому одному экземпляру.

Однако этот последний метод полезен, если вы хотите, чтобы у каждой копии была своя собственная копия, главное использование которой заключается в том, чтобы делать методы private / privileges, которые имеют доступ к закрытым переменным, объявленным внутри конструктора и унаследованным через механизм закрытия.

У Дугласа Крокфорда хорошее резюме .

Answer 2

Существует также объектный буквальный подход к прототипу:

var Vector = function(){};

Vector.prototype = {
  init:function(x,y,z) {
    this.x = x;
    this.y = y;
    this.z = z;
  },
  length:function() {
    return Math.sqrt(x * x + ...);
  }
};

var v1 = new Vector();
v1.init(1,2,3);

Answer 3

К счастью, я использую prototype.js , который предоставляет несколько хороших упаковщиков Так что вы можете сделать это:

var Person = Class.create({
    initialize: function(name) {
        this.name = name;
    },
    say: function(message) {
        return this.name + ': ' + message;
    }
});

Prototype.js Документация: определение классов и наследования

Answer 4

У вас также есть выбор:

function Vector(x, y, z) {
  function length() {
    return Math.sqrt(x * x + ...);
  }
}

Что, вероятно, так же медленно, как во втором примере, но больше похоже на Java / C # и немного более явное.

Answer 5

Ну, у меня нет действительно экспертного мнения по этому поводу. Я обычно заканчиваю тем, что использую подход, основанный на замыканиях, только потому, что он делает код более простым для менеджера. Но я обнаружил, что использую прототипы для методов с множеством строк кода.

Answer 6

В javascript нет классов.

Однако есть объекты. Вам не нужен класс для создания объекта в JavaScript. Он имеет функции конструктора, которые вы можете вызвать с помощью new, например:

var james = new Person();

Вы можете смоделировать поведение класса с помощью:

пример прототипа:

function Car (type) {
    this.type = type;
    this.color = "red";
}

Car.prototype.getInfo = function() {
    return this.color + ' ' + this.type + ' car';
};

Пример литерала объекта

var car = {
    type: "honda",
    color: "red",
    getInfo: function () {
        return this.color + ' ' + this.type + ' car';
    }
}

Answer 7

Я большой поклонник использования библиотеки Джона Ресига для этого. Легкий, простой, и вы уже знаете, как его использовать, если вы знакомы с «обычным» объектно-ориентированным стилем.