Объявление методов прототипа — как лучше?

Question

[rtfm mftr]

Всем известны такие примеры из множества источников:

function Human(name) {
  this._name = name;
  Human.prototype.sayName = function() {
    alert('My name is '+ this._name);
  }
}

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

var alex = new Human('Alex');
var john = new Human('John');
...

Правильно ли я предполагаю, что интерпретатор каким-то образом умеет оптимизировать и пропускать такие действия? И если нет, то почему бы не делать так?

Human.prototype.sayName = function() {
    alert('My name is '+ this._name);
}
function Human(name) {
  this._name = name;
}

Comments

[Сергей delphinpro]

то почему бы не делать так?

Так и делают. Ваш первый вариант я первый раз вижу.

А вообще давно уже юзаем es6 сахар для классов

Answer 1

[Даниил Колесниченко]

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

  sayName() {
    console.log(`My name is ${this.name}`);
  }
}

Comments

[rtfm mftr]

а если без ес2015?

[Даниил Колесниченко]

rtfm mftr: если без es2015 то смотрите мой комментарий под соседним постом. Внутри конструктора прототип присваивать конструктору - это бред. Но вообще, в 2к17 писать без es2015 - тоже бред. И браузеры уже поддерживают, и нода. Для старых браузеров есть Babel.

[rtfm mftr]

хорошо, спасибо, вы меня убедили)

Answer 2

[Дмитрий Лузанов]

Правильно ли я предполагаю, что интерпретатор каким-то образом умеет оптимизировать и пропускать такие действия?

Правильно
Тык

И если нет, то почему бы не делать так?

Обычно делали (до 2014-2015) так:

var Human = (function() {
  function Human(name) {
    this._name = name;
  }
  Human.prototype.sayName = function() {
    alert('My name is ' + this.name);
  }
  return Human;
})()

Сейчас делают (не забываем про Babel) так:

class Human {
  constructor(name) {
    this.name = name;
  }
  sayName() {
    alert('My name is '+ this.name);
  }
}

Comments

[rtfm mftr]

Честно говоря, не вижу по ссылке подтверждения этой теории

[Дмитрий Лузанов]

rtfm mftr: виноват, не та ссылка. Вот.

[Дмитрий Лузанов]

rtfm mftr:

Основное отличие между ними: функции, объявленные как Function Declaration, создаются интерпретатором до выполнения кода.

[Даниил Колесниченко]

rtfm mftr: потому что его там нет. Интерпретатор конечно же не пропускает присваивание прототипа внутри конструктора. Не знаю где Вы вообще увидели такой пример (с присваиванием внутри конструктора Human), если это из учебника то лучше выбросьте этот учебник, так никто не делает.

[Даниил Колесниченко]

Predve4niy: это опять совершенно не относящаяся к вопросу ссылка, при чём тут function declaration, речь о прототипах, алло

[Дмитрий Лузанов]

Даниил Колесниченко: Вы для начала вопрос дочитайте, алло

Правильно ли я предполагаю, что интерпретатор каким-то образом умеет оптимизировать и пропускать такие действия?

[Даниил Колесниченко]

Predve4niy: "такие действия" = "присвоение прототипа функции-конструктору". По указанной Вами ссылке ни слова ни о чём подобном. Алло.