여러 생성자를위한 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]}

eruciform의 답변으로 더 나아가면 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에서 먼저 반환 되었기 때문에 답변했지만 답변은 이제 구식입니다.

ES6에서 Destructuring 객체를 생성자 매개 변수로 사용할 수 있습니다.

패턴은 다음과 같습니다.

여러 생성자를 가질 수는 없지만 원하는 작업을 수행하기 위해 비 구조화 및 기본값을 사용할 수 있습니다.

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;
    }
}

Useges :

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

이것은 JavaScript 및 CSS3-Exam Ref를 사용한 HTML5 프로그래밍의 여러 생성자에 대해 제공된 예제 입니다.

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"));