Шаблон JavaScript для декількох конструкторів

Мені потрібні різні конструктори для моїх примірників. Яка загальна модель для цього?

У JavaScript немає перевантаження функцій, у тому числі для методів чи конструкторів.

Якщо ви хочете, щоб функція поводилася по-різному в залежності від кількості та типів параметрів, які ви передаєте їй, вам доведеться нюхати їх вручну. JavaScript буде радісно викликати функцію з більшою або меншою кількістю заявленої кількості аргументів.

function foo(a, b) {
    if (b===undefined) // parameter was omitted in call
        b= 'some default value';

    if (typeof(a)==='string')
        this._constructInSomeWay(a, b);
    else if (a instanceof MyType)
        this._constructInSomeOtherWay(a, b);
}

Ви також можете отримати доступ argumentsяк масив, щоб отримати додаткові аргументи.

Якщо вам потрібні більш складні аргументи, може бути хорошою ідеєю помістити деякі або всі з них у пошук об’єкта:

function bar(argmap) {
    if ('optionalparam' in argmap)
        this._constructInSomeWay(argmap.param, argmap.optionalparam);
    ...
}

bar({param: 1, optionalparam: 2})

Python демонструє, як аргументи за замовчуванням та іменовані аргументи можуть використовуватися для покриття більшості випадків використання більш практичним та витонченим способом, ніж перевантаження функцій. JavaScript, не так багато.

Як ти знайдеш цю?

function Foobar(foobar) {
    this.foobar = foobar;
}

Foobar.prototype = {
    foobar: null
};

Foobar.fromComponents = function(foo, bar) {
    var foobar = foo + bar;
    return new this(foobar);
};

ви можете використовувати клас зі статичними методами, які повертають екземпляр цього класу

    class MyClass {
        constructor(a,b,c,d){
            this.a = a
            this.b = b
            this.c = c
            this.d = d
        }
        static BAndCInstance(b,c){
            return new MyClass(null,b,c)
        }
        static BAndDInstance(b,d){
            return new MyClass(null,b, null,d)
        }
    }

    //new Instance just with a and other is nul this can
    //use for other params that are first in constructor
    const myclass=new MyClass(a)

    //an Instance that has b and c params
    const instanceWithBAndC = MyClass.BAndCInstance(b,c)

    //another example for b and d
    const instanceWithBAndD = MyClass.BAndDInstance(b,d)

за допомогою цього шаблону ви можете створити мультиконструктор

Мені не здалося, що це робити вручну, як у відповіді bobince, тому я просто повністю зірвав схему параметрів плагінів jQuery.

Ось конструктор:

//default constructor for Preset 'class'
function Preset(params) {
    var properties = $.extend({
        //these are the defaults
        id: null,
        name: null,
        inItems: [],
        outItems: [],
    }, params);

    console.log('Preset instantiated');
    this.id = properties.id;
    this.name = properties.name;
    this.inItems = properties.inItems;
    this.outItems = properties.outItems;
}

Ось різні способи опису:

presetNoParams = new Preset(); 
presetEmptyParams = new Preset({});
presetSomeParams = new Preset({id: 666, inItems:['item_1', 'item_2']});
presetAllParams = new Preset({id: 666, name: 'SOpreset', inItems: ['item_1', 'item_2'], outItems: ['item_3', 'item_4']});

І ось що це зробило:

presetNoParams
Preset {id: null, name: null, inItems: Array[0], outItems: Array[0]}

presetEmptyParams
Preset {id: null, name: null, inItems: Array[0], outItems: Array[0]}

presetSomeParams
Preset {id: 666, name: null, inItems: Array[2], outItems: Array[0]}

presetAllParams
Preset {id: 666, name: "SOpreset", inItems: Array[2], outItems: Array[2]}

Продовжуючи відповідь еруциформи, ви можете ввести свій newдзвінок у свій initметод.

function Foo () {
    this.bar = 'baz';
}

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

Foo.prototype.init_2 = function (baz) {
    this.bar = 'something to do with '+baz;
    return this;
};

var a = new Foo().init_1('constructor 1');
var b = new Foo().init_2('constructor 2');

Іноді значень за замовчуванням параметрів вистачає для декількох конструкторів. І коли цього недостатньо, я намагаюся ввімкнути більшість функціональних можливостей конструктора в функцію init (other-params), яка викликається згодом. Також розглянути можливість використання заводської концепції для виготовлення об'єкта, який може ефективно створювати інші об'єкти, які ви хочете.

http://en.wikipedia.org/w/index.php?title=Factory_method_pattern&oldid=363482142#Javascript

Відповідь, оскільки це питання повертається спочатку в google, але зараз відповіді застаріли.

Ви можете використовувати об'єкти Destructuring як параметри конструктора в ES6

Ось викрійка:

У вас не може бути декількох конструкторів, але ви можете використовувати руйнування та значення за замовчуванням, щоб робити те, що вам потрібно.

export class myClass {

  constructor({ myArray = [1, 2, 3], myString = 'Hello World' }) {

    // ..
  }
}

І ви можете це зробити, якщо хочете підтримати конструктор без параметрів.

export class myClass {

      constructor({myArray = [1, 2, 3], myString = 'Hello World'} = {}) {

        // ..
      }
}

export default class Order {

    static fromCart(cart) {
        var newOrder = new Order();
        newOrder.items = cart.items;
        newOrder.sum = cart.sum;

        return newOrder;
    }

    static fromOrder(id, order) {
        var newOrder = new Order();
        newOrder.id = id;
        newOrder.items = order.items;
        newOrder.sum = order.sum;

        return newOrder;
    }
}

Використання:

  var newOrder = Order.fromCart(cart)
  var newOrder = Order.fromOrder(id, oldOrder)

Це приклад для кількох конструкторів у програмуванні в HTML5 за допомогою JavaScript та CSS3 - іспит № .

function Book() {
    //just creates an empty book.
}


function Book(title, length, author) {
    this.title = title;
    this.Length = length;
    this.author = author;
}

Book.prototype = {
    ISBN: "",
    Length: -1,
    genre: "",
    covering: "",
    author: "",
    currentPage: 0,
    title: "",

    flipTo: function FlipToAPage(pNum) {
        this.currentPage = pNum;
    },

    turnPageForward: function turnForward() {
        this.flipTo(this.currentPage++);
    },

    turnPageBackward: function turnBackward() {
        this.flipTo(this.currentPage--);
    }
};

var books = new Array(new Book(), new Book("First Edition", 350, "Random"));