Birden çok kurucu için JavaScript modeli

Örneklerim için farklı kuruculara ihtiyacım var. Bunun ortak bir modeli nedir?

JavaScript, yöntemler veya yapıcılar dahil olmak üzere işlev aşırı yüklemesine sahip değildir.

Bir işlevin kendisine ilettiğiniz parametrelerin sayısına ve türüne bağlı olarak farklı davranmasını istiyorsanız, bunları manuel olarak koklamanız gerekir. JavaScript, beyan edilen bağımsız değişken sayısından daha fazla veya daha azına sahip bir işlevi mutlu bir şekilde çağıracaktır.

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

Ayrıca, argumentsaktarılan diğer argümanları almak için dizi benzeri olarak da erişebilirsiniz .

Daha karmaşık argümanlara ihtiyacınız varsa, bunların bir kısmını veya tamamını bir nesne aramasına koymak iyi bir fikir olabilir:

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

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

Python, varsayılan ve adlandırılmış bağımsız değişkenlerin, çoğu kullanım durumunu, işlev aşırı yüklemesinden daha pratik ve zarif bir şekilde kapsayacak şekilde nasıl kullanılabileceğini gösterir. JavaScript, o kadar değil.

Bunu nasıl buluyorsunuz?

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

Foobar.prototype = {
    foobar: null
};

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

sınıfı, bu sınıfın bir örneğini döndüren statik yöntemlerle kullanabilirsiniz.

    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)

bu modelle çoklu yapıcı oluşturabilirsiniz

Bobince'nin cevabında olduğu gibi elle yapmak istemedim, bu yüzden jQuery'nin eklenti seçenekleri modelini tamamen söktüm.

İşte kurucu:

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

İşte örneklemenin farklı yolları:

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']});

Ve işte bunun yarattığı şey:

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 yanıt ile ileri giderek, size zincirlemek edebilirsiniz newsenin içine çağrı inityöntemiyle.

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

Bazen parametreler için varsayılan değerler birden çok kurucu için yeterlidir. Ve bu yeterli olmadığında, yapıcı işlevlerinin çoğunu daha sonra çağrılan bir init (diğer parametreler) işlevine sarmaya çalışıyorum. Ayrıca, istediğiniz diğer nesneleri etkili bir şekilde yaratabilecek bir nesne yapmak için fabrika konseptini kullanmayı düşünün.

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

Bu soru google'da ilk olarak döndürüldüğü için cevaplanıyor, ancak cevaplar artık güncel değil.

Sen kullanabilirsiniz ES6 içinde yapıcı parametreleri olarak yapı bozma nesneleri

İşte model:

Birden fazla kurucunuz olamaz, ancak istediğinizi yapmak için yok etme ve varsayılan değerleri kullanabilirsiniz.

export class myClass {

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

    // ..
  }
}

Ve 'parametresiz' bir kurucuyu desteklemek istiyorsanız bunu yapabilirsiniz.

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)

Bu, HTML5'te JavaScript ve CSS3 ile Programlama'da birden çok kurucu için verilen örnektir - Sınav Ref .

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