2

Я джуниор и пока что имел опыт ООП только в СИподобных языках и по этому у меня возникает резонный вопрос. Что есть ООП и классы в javascript?

Правильно ли будет вот так вот "определять класс"?

function Coordinates() {
    this.x = 0.0;
    this.y = 0.0;
    function GetX() {return this.x;}
    function SetX(x) {this.x = x;}
    function GetY() {return this.y;}
    function SetY(y) {this.y = y;}
    return this;
}

а затем использовать это как то так

var test = Coordinates();
test.SetX(1);
test.GetX();

или это в корне неправильно и я вообще дурак и дилетант? Если это неправильно, то как будет правильно?

23
  • 1
    нет не правильно, return this нужно убрать, и вызывать var test = new Coordinates();
    – Grundy
    19 дек 2015 в 20:29
  • 1
    Ужасное и кошмарное лол )))
    – VIP
    19 дек 2015 в 20:35
  • 1
    @Grundy: Тип данных, определяющийся свои интерфейсом (жёстко определённый и контролируемый компилятором набор методов) и своей реализацией (общей для всех экземпляров). Добавить инкапсуляцию, полиморфизм и наследование.
    – VladD
    19 дек 2015 в 20:39
  • 1
    Давайте продолжим обсуждение в чате.
    – Grundy
    19 дек 2015 в 20:45
  • 1
    @Grundy: Есть эмуляция наследования, вы хотели сказать? В языке наследования нету.
    – VladD
    19 дек 2015 в 20:45

2 ответа 2

3

В JS как он есть сейчас нет классов, есть прототипы. Ну и подход что прототипы пишутся как функции. Как эти прототипы воспринимать - дело каждого отдельного прогера.

Обычно все знают ООП, поэтому держат в голове ООП, а запись через функции и прототипы - типа "синтаксис". Но это не обязательно. Можно считать прототипы основой, они позволяют больше чем ООП. Однако за хитрые выкрутасы вас съедят с потрохами те кто будет читать ваш код :)))

В новом стандарте JS есть нормальнык классы, как в ООП и как все привыкли. Внутри они работают через прототипы, зато внешне всякие классы, методы и т.п., а не каша с прототипами.

Если не нравится синтаксис то есть TypeScript и прочие, они компилятся в JS, в них нормальные классы и прочие крутые штуки.

2

На JavaScript 'класс' можно определить так

var Coordinates = (function() {
    function Coordinates() {
       this.x = 0.0;
    }
    Coordinates.prototype.GetX = function() { return this.x; };
    Coordinates.prototype.SetX = function(x) { this.x = x; };
    return Coordinates;
})();

или, если вместо GetX и SetX надо определить свойство X, то так

var Coordinates = (function() {
    function Coordinates() {
        this.x = 0.0;
    }
    Object.defineProperty(Coordinates.prototype, "X", {
        get: function() { return this.x; },
        set: function(x) { this.x = x; },
        enumerable: true,
        configurable: true
    });
    return Coordinates;
})();

тоже самое на TypeScript:

class Coordinates {
    private x = 0.0;
    get X() { return this.x; }
    set X(x) { this.x = x; }
}

Транслировать TypeScript в JavaScript можно онлайн в Playground.

3
  • 2
    То, что вы написали — не классы, а их эмуляция средствами языка. Так и ассемблер можно объявить объектно-ориентированным.
    – VladD
    19 дек 2015 в 20:48
  • @VladD "То, что вы написали — не классы" -- поэтому 'класс' - в кавычках.
    – Stack
    19 дек 2015 в 20:49
  • Окей, уточнение принято.
    – VladD
    19 дек 2015 в 21:09

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.