Какой стиль написания кода в моде в JavaScript?

Question

[Unknown]

Привет!
Формулировка вопроса, я думаю, не совсем правильна. Ведь ООП это и есть стиль написания кода. Но, ниже постараюсь описать, что я имел ввиду.
Чтобы следовать современным тенденциям нужна борода, вейп и уметь писать на JavaScript используя ООП. Борода у меня растет плохо, на вейп денег нет, поэтому пытаюсь начать писать свой код на JavaScript используя ООП. Но я не знаю с чего начать (точнее знаю), боюсь что буду использовать устаревшую информацию и упущу все новые фичи, которые есть в современном использовании ООП подхода.
От коллеги слышал, что есть несколько разных способов задания классов, например:
- старый метод F.prototype;
- новый метод F (я вероятно ошибаюсь);
Возможно есть еще какие-либо отличия современного нового подхода от старого. Возможно я ошибаюсь или несу чушь, но все потому что у меня в голове каша по этому поводу.
Подскажете существует ли то о чем я пишу?
PS советы начинающему (т.е. мне) буду рад видеть

Всем спасибо! :)

Comments

[JaxxDexx]

Какая разница в каком стиле говнокодить?))

[sim3x]

Не бойтесь изучить что-то устаревшее - бойтесь не учить и ждать ответа на такие вопросы

[gleendo]

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

User.prototype.getName = function() {
  return this.name;
};

class User {
  constructor(name) {
    this.name = name;
  }

  getName() {
    return this.name;
  }
}

Читайте ту главу на которую вы ссылались. Изучайте модель прототипов. Новые "фичи" это всего лишь сахар.

[Unknown]

JaxxDexx, можно выделиться написав говнокод используя новые модные штучки! Чтобы тот кому захотелось посмотреть код сказал "Ах тыж емае, такого говна я не видел нигде!".
PS если ты пишешь говнокод пиши его как в последний раз, как будто завтра погаснет солнце, сделай это или умри!

Answer 1

[Ульян Романов]

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

class Rectangle {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
  
  get area() {
    return this.calcArea();
  }

  calcArea() {
    return this.height * this.width;
  }
}

Классы ES6

Comments

[Mikhail Osher]

[IMHO] Вот как раз эти магические геттеры не надо писать. Лучше просто создать функцию getArea.

[Stalker_RED]

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

[Ульян Романов]

Stalker_RED, отчасти это так и есть. Веб развивается с такой скоростью и чтобы использовать все преимущества необходимо укладываться в эти 18 дней. Могу сказать отдельно насчет создания классов - это ввели для того, чтобы просто привлечь разработчиков с других языков. Я сам писал на Java и JS для себя совершенно недавно открыл. Лично мне все в нем понятно, но человеку, который писал на Java, удобней использовать именно такое выражение.

[Stalker_RED]

Ульян Романов,

необходимо укладываться в эти 18 дней

Буллшит же. Значительные изменения в движках и релиз новых спецификаций не так часто происходят.

[Ульян Романов]

Stalker_RED, вы утрировали - я утрировал, все сходится же

Answer 2

[Stalker_RED]

- новый метод F (я вероятно ошибаюсь);

В этом учебнике есть и старый, и новый метод https://learn.javascript.ru/es-class

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

'use strict';

class User { // класс в стиле es-2015

  constructor(name) {
    this.name = name;
  }

  sayHi() {
    console.log('Hi, ', this.name);
  }

}

// "старый" стиль продолжает работать,
// чо с ним сделается то.
User.prototype.sayHo = function() {
  console.log('Ho-ho-ho, ', this.name);
};

let user = new User("Вася");
user.sayHi();
user.sayHo();

Answer 3

[White_bro]

Тоже была похожая ситуация с этой страницей о жидкостях для вейпа https://hvmarket.com.ua/g100852170-zhidkost-dlya-vejpa , но потом ребята разобрались и все решилось