Почему функция-конструктор срабатывает без `new`, хотя, согласно документации, не должна?

Question

[Shimpanze]

Согласно официальной документации: https://learn.javascript.ru/constructor-new#funkts... - функция-конструктор, вызывается только через оператор new, и приводится следующий пример:

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

let user = new User('Jack');
alert(user.name); // Jack

Но я, совершенно спокойно, вызываю её без оператора new, вот так:

function Foo(arg) {
  arg = arg += ' 42';

  this.bar = function() {
    return arg;
  };

  return this.bar();
}

console.log(Foo('some string')); // > some string 42

И всё прекрасно работает.

Это глюк Google Chrome или так и должно быть? Я запутался.

Answer 1

[Ivan Bogachev]

У вас примеры с new и без new не эквивалентны. Вы просто посмотрите, что там на самом деле находится в получаемых переменных:

function Foo(arg) {
    this.bar = function() {
        return arg;
    };

    return this.bar();
}

const notfoo = Foo('not foo');
console.log(notfoo); // "not foo", т.е. notfoo - это не новый Foo, это строка текста.
console.log(notfoo.bar); // undefined, что логично, у стандартной строки никакого bar нет.

const foo = new Foo('foo');
console.log(foo); // [object Object], т.е. вот это - настоящий новый Foo.
console.log(foo.bar); // function() { ... }, и метод bar в нем есть.
console.log(foo.bar()); // "foo"

Comments

[Lynn «Кофеман»]

Можно ещё добавить
console.log(window.bar) // [Function ... ]

А если написать весь это код в строгом режиме, то мы успешно получим ошибку

function Foo(arg) {
    "use strict";
    this.bar = function() {
        return arg;
    };

    return this.bar();
}
Foo('x'); // Uncaught TypeError: Cannot set properties of undefined (setting 'bar')

[Shimpanze]

Lynn «Кофеман», Действительно Вы правы... А как это побороть? Как заставить работать этот код без ошибки в строгом режиме? Только функцию в const?

[Lynn «Кофеман»]

Shimpanze, а зачем вообще заставлять работать этот бессмысленный код?

В целом, мне кажется, что сейчас нет смысла досконально изучать все эти тонкости, а нужно просто использовать нормальные классы.

[Михаил Ливач]

Shimpanze, "работает" в смысле "можно запустить, и не вылезает ошибка синтаксиса" и "даёт идентичный результат" - это не эквивалентные понятия. Ivan Bogachev Вам довольно наглядно показал, что результат разный.

[Shimpanze]

Lynn «Кофеман», Михаил Ливач, Благодарю

Answer 2

[Алексей Уколов]

Это не официальная документация.
И в ней чётко написано, что «должна выполняться» — это соглашение, а сама такая функция во всём аналогична обычной (потому что она и является обычной функцией).

Comments

[Shimpanze]

Подождите, Уважаемый, там так же написано, что, для того, чтобы функция вызывалась без оператора new, необходимо городить вот этот огород:

function User(name) {
  if (!new.target) { // в случае, если вы вызвали меня без оператора new
    return new User(name); // ...я добавлю new за вас
  }
  this.name = name;
}
let john = User("John"); // переадресовывает вызов на new User
alert(john.name); // John

Зачем? Что происходит? Всё ведь и так работает?

[Алексей Уколов]

Это не чтобы «функция запускалась», а чтобы эмулировать поведение new. Это поведение там тоже описано. Вам, видимо, нужно попробовать поискать какую-то другую статью, эта вам по каким-то причинам непонятна (и это нормально).