構建模式不向對象添加值

Question

我試圖按照ES6 Builder pattern，因爲我現在開始構建更復雜的對象。

到目前爲止，我有：

class Opinion { 
    constructor() { 
    this.nuts = ''; 
    } 
} 

class Builder { 
    constructor() { 
    this.opinion = new Opinion(); 
    } 

    withNuts (nuts) { 
    this.nuts = nuts; 
    return this; 
    } 

    build() { 
    return this.opinion; 
    } 
} 

export default Builder; 

這是使用：

import Builder from '../helpers/builder/opinion'; 
const defaultOpinion = new Builder() 
    .withNuts(2.9) 
    .build(); 

輸出：

opinion: {"nuts":""} 

爲什麼沒有被內置到對象？另外，當我想要傳回一個對象到Builder中進行編輯時，它也會返回空白（這是有道理的），但是我當前的Builder設置允許這麼做嗎？例如：

const opinionChange = new Builder(defaultOpinion) 
    .withNuts(0.8) 
    .build(); 

非常感謝您的幫助。

Answer 1

您錯過了分配給this.opinion.nuts的地方，而是在對象上創建自己的屬性nuts。與此

withNuts (nuts) { 
    this.opinion.nuts = nuts; 
    return this; 
} 

工作守則

class Opinion { 
 
    constructor() { 
 
    this.nuts = ''; 
 
    } 
 
} 
 

 
class Builder { 
 
    constructor() { 
 
    this.opinion = new Opinion(); 
 
    } 
 

 
    withNuts (nuts) { 
 
    this.opinion.nuts = nuts; // this.opinion.nuts 
 
    return this; 
 
    } 
 

 
    build() { 
 
    return this.opinion; 
 
    } 
 
} 
 

 

 
const defaultOpinion = new Builder() 
 
    .withNuts(2.9) 
 
    .build(); 
 
    
 
console.log(defaultOpinion);

Answer 2

的withNuts方法更換應該更新this.opinion.nuts而不是this.nuts：

withNuts (nuts) { 
    this.opinion.nuts = nuts; 
    return this; 
}