Mẫu JavaScript cho nhiều hàm tạo

Tôi cần các hàm tạo khác nhau cho các trường hợp của mình. Mô hình chung cho điều đó là gì?

JavaScript không có tính năng nạp chồng hàm, bao gồm cả phương thức hoặc hàm tạo.

Nếu bạn muốn một hàm hoạt động khác nhau tùy thuộc vào số lượng và loại tham số bạn chuyển cho nó, bạn sẽ phải đánh hơi chúng theo cách thủ công. JavaScript sẽ gọi một hàm có nhiều hơn hoặc ít hơn số đối số đã khai báo.

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

Bạn cũng có thể truy cập argumentsnhư một mảng giống như một mảng để nhận thêm bất kỳ đối số nào được truyền vào.

Nếu bạn cần các đối số phức tạp hơn, bạn có thể đặt một số hoặc tất cả chúng vào bên trong tra cứu đối tượng:

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

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

Python trình bày cách các đối số mặc định và được đặt tên có thể được sử dụng để bao hàm hầu hết các trường hợp sử dụng theo cách thực tế và duyên dáng hơn là nạp chồng hàm. JavaScript, không quá nhiều.

Làm thế nào để bạn tìm thấy cái này?

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

Foobar.prototype = {
    foobar: null
};

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

bạn có thể sử dụng lớp với các phương thức tĩnh trả về một thể hiện của lớp đó

    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)

với mẫu này, bạn có thể tạo nhiều hàm tạo

Tôi không cảm thấy muốn làm điều đó bằng tay như trong câu trả lời của bobince, vì vậy tôi chỉ hoàn toàn tách ra khỏi mẫu tùy chọn plugin của jQuery.

Đây là hàm tạo:

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

Dưới đây là các cách khởi tạo khác nhau:

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

Và đây là những gì đã tạo ra:

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

Đi xa hơn với câu trả lời của eruciform, bạn có thể xâu chuỗi newcuộc gọi vào initphương pháp của mình .

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

Đôi khi, giá trị mặc định cho các tham số là đủ cho nhiều hàm tạo. Và khi điều đó không đủ, tôi cố gắng gói hầu hết các chức năng của phương thức khởi tạo thành một hàm init (other-params) được gọi sau đó. Cũng nên xem xét sử dụng khái niệm nhà máy để tạo một đối tượng có thể tạo hiệu quả các đối tượng khác mà bạn muốn.

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

Trả lời vì câu hỏi này được trả lại đầu tiên trong google nhưng các câu trả lời hiện đã lỗi thời.

Bạn có thể sử dụng các đối tượng Hủy cấu trúc làm tham số phương thức khởi tạo trong ES6

Đây là mẫu:

Bạn không thể có nhiều hàm tạo, nhưng bạn có thể sử dụng cấu trúc hủy và giá trị mặc định để làm những gì bạn muốn.

export class myClass {

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

    // ..
  }
}

Và bạn có thể làm điều này nếu bạn muốn hỗ trợ một phương thức khởi tạo 'không tham số'.

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

Sử dụng:

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

Đây là ví dụ được đưa ra cho nhiều hàm tạo trong Lập trình trong HTML5 với JavaScript và CSS3 - Tham khảo bài kiểm tra .

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