Как установить свойство по умолчанию для объекта, который передается в конструктор?

Question

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

function Crayons(){ 
    return { 
    foo: ThirdPartyFoo 
    } 
} 

объект инициализируется в моем проекте с var myFoo = new Crayons().foo({color: "red"});

Я хотел бы сделать {color: "blue"} по умолчанию, так что если кто-то не проходит в цвет, синий.

Я пытался делать

function Crayons(){ 
    var fooWithDefaults = function(){ 
    this = new ThirdPartyFoo(arguments); //this is invalid 
    this.color = "blue"; //and this would overwrite color if it was set 
    } 

    return { 
    foo: fooWithDefaults 
    } 
} 

Но new ключевым слова бросает меня, так как я не знаю, как создать яваскрипт конструктора, который по существу говорит this = new 3rdPartyFoo.

Что мне не хватает?

Answer 1

Вы можете украсить конструктор:

function Crayons(){ 
    function fooWithDefaults() { 
    3rdPartyFoo.apply(this, arguments); // this is what you're looking for 
    if (!this.color) // or whatever to detect "not set" 
     this.color = "blue"; 
    } 
    fooWithDefaults.prototype = 3rdPartyFoo.prototype; // to make `new` work 

    return { 
    foo: fooWithDefaults 
    } 
} 

Или вы просто сделать это завод, который возвращает экземпляр:

function Crayons(){ 
    function fooWithDefaults(arg) { 
    var that = new 3rdPartyFoo(arg); // you should know how many arguments it takes 
    if (!that.color) // or whatever to detect "not set" 
     that.color = "blue"; 
    return that; 
    } 

    return { 
    foo: fooWithDefaults 
    } 
} 

Здесь вы также можете роняйте new при вызове var myFoo = Crayons.foo({color: "red"});

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

function Crayons(){ 
    function fooWithDefaults(arg) { 
    if (!arg.color) // or whatever to detect "not set" 
     arg.color = "blue"; 
    return new 3rdPartyFoo(arg); 
    } 

    return { 
    foo: fooWithDefaults 
    } 
} 

Answer 2

function ThirdPartyCrayon(config) {   // constructor :: possible original Crayon implementation 
 

 
    Object.assign(this, config); 
 
    this.type = "thirdpartycrayon"; 
 
} 
 

 

 
function createCrayonSetting(defaultConfig) { // factory (creates a closure) 
 

 
    function CrayonWithDefaults() {   // constructor :: customized Crayon wrapper 
 

 
     Object.assign(this, defaultConfig); 
 
     ThirdPartyCrayon.apply(this, arguments); 
 
    } 
 

 
    return { 
 
     Crayon: CrayonWithDefaults 
 
    } 
 
} 
 

 

 
var 
 
    setting = createCrayonSetting({color: "blue", strokeWidth: "thin"}), 
 

 
    crayon1 = new setting.Crayon({color: "red", strokeWidth: "bold"}), 
 
    crayon2 = new setting.Crayon({color: "green"}); 
 
    crayon3 = new setting.Crayon(); 
 

 

 
console.log("crayon1 : ", crayon1); 
 
console.log("crayon2 : ", crayon2); 
 
console.log("crayon3 : ", crayon3);