Почему в этом коде нет ошибки?

Question

[JackShcherbakov]

Имеется:
Странно, но корректно работающий код
https://codepen.io/CitizenOne/pen/MOKYRJ (источник - очередная, большинству изучающих JS по этому учебнику непонятная, статья https://learn.javascript.ru/static-properties-and-... )

spoiler

function Journal(date) {
  this.date = date;

  this.formatDate = function(date) {
    return date.getDate() + '.' + (date.getMonth() + 1) + '.' + date.getFullYear();
  };

  this.getTitle = function() {
    return "Выпуск от " + this.formatDate(this.date);
  };

}

Journal.compare = function(journalA, journalB) {
  return journalA.date - journalB.date;
};

// использование:
var journals = [
  new Journal(new Date(2012, 1, 1)),
  new Journal(new Date(2012, 0, 1)),
  new Journal(new Date(2011, 11, 1))
];

function findMin(journals) {
  var min = 0;
  for (var i = 0; i < journals.length; i++) {
    // используем статический метод
    if (Journal.compare(journals[min], journals[i]) > 0) min = i;
  }
  return journals[min];
}
alert(findMin(journals));
 //По сути в строке ниже написано что-то вроде object Object.getTitle()
//alert( findMin(journals).getTitle() );

Непонимание:

1. Функция Journal(date) (строка 1) ничего не возвращает и не создает никакого конструктора => почему в массиве journals (строка 19) мы пишем new перед функцией, хотя и без него работает
   
2. В строке 33 я вызываю одно из значений массивы и получаю ничего не значущий object Object, однако основываясь на этом же массиве идет формат даты, как??? Как можно из object Object дату-то получить
   

Comments

[gleendo]

В строке 33 я вызываю одно из значений массивы и получаю ничего не значущий object Object, однако основываясь на этом же массиве идет формат даты, как??? Как можно из object Object дату-то получить

this.toString = function() {
  return String(this.date);
}

Answer 1

[Павел Корнилов]

1. Функция Journal(date) и является конструктором. В JS любая функция может им быть без дополнительных объявлений. Любая функция является объектом и возвращает объект, если в ней есть указания для его экземпляров через htis. Запутал?

2. Не понял.

Comments

[JackShcherbakov]

Ну так при вызове без всего, у нас this будет к window ведь относиться.

[JackShcherbakov]

JackShcherbakov, Хотя тут мы в массиве вызываем, и что, каждый раз this к массиву относиться, тогда почему у него не перезаписывается этот несчастный date?

[Павел Корнилов]

JackShcherbakov,

Ну так при вызове без всего, у нас this будет к window ведь относиться.

Нет, при вызове через new она будет возвращать объект.

this в этом случае будет указывать на каждый экземпляр возвращаемого объекта. А если еще точнее - на его прототип.

[gleendo]

KorniloFF

В JS любая функция может им быть без дополнительных объявлений

не любая

[JackShcherbakov]

KorniloFF, Все становится на свои места, тогда чем этот загадочный объект выражен?

[Павел Корнилов]

iamevg_, любая, вызванная через new.

JackShcherbakov, выражен самим конструктором. Все, что в нем прописано через this - является свойствами возвращаемого объекта.

[gleendo]

KorniloFF, new (() => { ... });

[Павел Корнилов]

iamevg_, я не говорил о стрелочных функциях. Почитайте документацию, они не привязываются вообще к контексту их исполнения. Я говорил исключительно про ES-5, если угодно.

[gleendo]

KorniloFF,

В JS любая функция

Это явно не похоже на упоминание только ES5 функций

[Павел Корнилов]

iamevg_, согласен. Но я неоднократно уже высказывался о том, что ES-5 является на сегодня единственным кроссброузернвм протоколом JS. Извините, что не уточнил и ввел т.о. вас в заблуждение.