Можно ли объединить функцию конструктора javascript и object.create?

Если вы хотите использовать подход на основе классов, когда вы можете вызвать функцию-конструктор с помощью new, у вас всегда будет две части:

• Сама функция-конструктор (для инициализации экземпляров)
• Объект-прототип (для общих свойств)

Если вы не хотите полностью отказываться от прототипа, у вас нет синтаксиса JavaScript для одновременного создания функции и настройки прототипа (кроме, конечно, нового синтаксиса ES6 class), сохраняя при этом ссылку .prototype из функцию к объекту-прототипу. Конечно, подойдет тривиальная вспомогательная функция (не обязательно полная библиотека):

function Class(p) {
    return (p.constructor.prototype = p).constructor;
}
var Casher = Class({
    constructor: function(opt) { this._name = opt.name },
    get name() { return this._name }
});
var foo = new Casher({name:'bar'});

Эти шаблоны на самом деле не имеют ничего общего с Object.create (за исключением того, что вы хотите, чтобы ваш прототип наследовал от другого).

Так что да, возможно, вы пытаетесь бороться с философией Object.create, которая заключается в использовании только объектов и получении из них других объектов (прочитайте статья Википедии об этом и обязательно ознакомьтесь с некоторыми примерами из языков, отличных от JS). У вас не было бы конструктора и оператора new, скорее вы бы вызвали метод create для своего объекта:

var Proto = { // some helper methods (usually native in more prototype-focused languages)
    clone: function() {
        return Object.create(this);
    },
    create: function(opt) {
        var derived = this.clone();
        derived.init(opt);
        return derived;
    },
    init: function(opt) {
        Object.getOwnPropertyNames(opt).forEach(function(p) {
            Object.defineProperty(this, p, Object.getOwnPropertyDescriptor(opt, p));
        }, this);
    }
};

var Pasher = Proto.create({ // "subclass" Proto
    init: function(opt) {
        if ("name" in opt) this._name = opt.name;
    },
    _name: "",
    get name() { return this._name; }
});
var foo = Pasher.create({name:'bar'});

Object.create() возвращает объект, а не функцию, с определенной определенной прототипной цепочкой наследования.

var Basher = Object.create(Function.prototype, {
    _name:  { writable: true },
    name:  { get: function() { return this._name;  }},
    constructor: { value: function(opts) { this._name = opts.name; }}
});
> undefined
Basher
> Object {_name: undefined, name: (...)}_name: undefinedconstructor: function (opts) { this._name = opts.name; }name: (...)get name: function () { return this._name;  }__proto__: function Empty() {}
> typeof Basher
"object"

Однако вы можете комбинировать функции Object.create() и конструктора, чтобы повторно использовать литералы объектов в качестве API, что сделает код немного чище:

var basherAPI = {
    name: function () {
        return this._name;
    }
};

function Basher(name) {
    var inst = Object.create(basherAPI);
    // assign instance *state* here; the API is
    // reusable but each object needs its own state
    inst._name = name;
    return inst;
}

var basher = new Basher('Tom');
basher.name() // Tom

РЕДАКТИРОВАТЬ: В этом случае использование ключевого слова new является чисто условным; это не имеет никакого отношения к тому, что происходит внутри функции конструктора. Можно было бы также написать: var basher = Basher('Tom');.

Я помещаю ответ здесь, но я не уверен, что он полностью отвечает на мой вопрос, поэтому я не буду отмечать его как ответ, так как я не верю, что полностью понимаю эту часть. языка JS.

Самое близкое, что я могу сделать, это следующее:

var Lasher;

(Lasher = function (opts) {
    this._name = opts.name;
}).prototype = Object.create(Object.prototype, {
    _name:  { writable: true },
    name:  { get: function() { return this._name;  }},
});

Эта формулировка раскрывает часть того, что происходит, что-то, на что @Bergi намекнул, хотя и кратко. Во-первых, обратите внимание, что это не отвечает на мой вопрос, поскольку для этого все еще требуется два шага (объявление переменной, а затем присвоение значения). Это доходит до сути моей стилистической проблемы, которая заключается в совместном размещении всего кода объявления объекта. Он делает это, захватывая определение анонимной функции (конструктор) в Lasher, затем ссылаясь на свойство prototype, чтобы назначить ему объект-прототип (остальная часть объявления «класса»).

Несмотря на то, что они сгруппированы как одна вычислительная единица, визуально их сложнее разобрать, и, откровенно говоря, они довольно уродливы. Кроме того, анонимная функция может даже захватить Lasher в своей области (я не уверен).

Кстати, я попробовал этот ошибочный подход. Это одно утверждение, хотя все еще немного уродливое:

(function Crasher(opts) {
    this._name = opts.name;
}).prototype = Object.create(Object.prototype, {
    _name:  { writable: true },
    name:  { get: function() { return this._name;  }},
});

Жаль, что это не работает. Crasher относится к первому () и не находится во внешней области видимости, поэтому в предыдущем коде Crasher приходилось объявлять как переменную, чтобы захватить анонимную функцию.

Дело в том, что Lasher на самом деле не проще, чем Masher (выше) с точки зрения количества строк или удобства чтения. Итак, оригинальная формулировка считается лучшей (пока).

Кроме того, хотя я понимаю, почему Object.create нельзя использовать, поскольку он создает объект, я думаю, я не понимаю, как внутренний интерпретатор JS создает функции и объекты. Я имею в виду, что функция — это объект, но я думаю, что нет способа создать функцию, которая может быть возвращена непосредственно из Object.create. Это главная проблема.

Кроме того, что бы ни происходило внутри назначения прототипа и назначения конструктора внутри него, добавление свойства конструктора в Object.create не работает. Мы можем видеть это с помощью этого фрагмента кода:

var Masher = function(){ console.log("default");};

Masher.prototype = Object.create(Object.prototype, {
    _name:  { writable: true },
    name:  { get: function() { return this._name;  }},
    constructor: { value: function(opts) {
        console.log("ctor");
        this._name  = opts.name;
    return this;
    }}
});
// "new Masher()" outputs:
// default
// undefined

Итак, если я правильно понимаю часть из этого, создание функций и создание прототипа вдобавок к этому имеют некоторые глубокие отношения в интерпретаторе/компиляторе JS, и язык не предоставляет средств для выполнения того, что я пытаюсь сделать.