Welcome to Software Development on Codidact!

Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.

Post History

50%

+1 −1

Q&A How to create Factory Functions instead of using Classes

Instead of classes, I want to use factory functions. Original code with classes: export class MyProject { constructor(title, description, dueDate, priority) { this.title = title; ...

0 answers · posted 2mo ago by Sevenfold‭ · edited 1mo ago by Andreas witnessed the end of the world today‭

Question javascript design-patterns

#3: Post edited by

Andreas witnessed the end of the world today‭ · 2024-10-05T17:53:40Z (about 1 month ago)
Remove fluff

Copy Link

Raw

Markdown

How to create Factory Functions instead of using Classes

Good day. I'm making a todo list app. Instead of classes, I want to use factory functions.
Original code with classes:
```
export class MyProject {
constructor(title, description, dueDate, priority) {
this.title = title;
this.description = description;
this.dueDate = dueDate;
this.priority = priority;
this.todos = [];
this.projectIndex = null;
this.expandContent = () => expandContent(this);
this.deleteCard = () => deleteCard(this);
this.addTodo = (todoText) => {
this.todos.push(todoText);
this.expandContent();
};
}
}
```
I tried using factory functions:
```
export const MyProject = (title, description, dueDate, priority) => {
let todos = [];
let projectIndex = null;
const expandContent = () => expandContent(this);
const deleteCard = () => deleteCard(this);
const addTodo = (todoText) => {
todos.push(todoText);
expandContent();
}
return {title, description, dueDate, priority, todos, projectIndex, expandContent, deleteCard, addTodo}
};
```
I've acknowledged, that `this` is not necessary in factories, I'm not really sure how not to use them in expandContent and deleteCard functions

Instead of classes, I want to use factory functions.
Original code with classes:
```
export class MyProject {
constructor(title, description, dueDate, priority) {
this.title = title;
this.description = description;
this.dueDate = dueDate;
this.priority = priority;
this.todos = [];
this.projectIndex = null;
this.expandContent = () => expandContent(this);
this.deleteCard = () => deleteCard(this);
this.addTodo = (todoText) => {
this.todos.push(todoText);
this.expandContent();
};
}
}
```
I tried using factory functions:
```
export const MyProject = (title, description, dueDate, priority) => {
let todos = [];
let projectIndex = null;
const expandContent = () => expandContent(this);
const deleteCard = () => deleteCard(this);
const addTodo = (todoText) => {
todos.push(todoText);
expandContent();
}
return {title, description, dueDate, priority, todos, projectIndex, expandContent, deleteCard, addTodo}
};
```
I've acknowledged, that `this` is not necessary in factories, I'm not really sure how not to use them in expandContent and deleteCard functions

#2: Post edited by

Alexei‭ · 2024-10-02T06:25:06Z (about 2 months ago)
improved tags

Copy Link

Raw

Markdown

javascript tools

javascript design-patterns

#1: Initial revision by

Sevenfold‭ · 2024-10-02T04:06:17Z (about 2 months ago)

Copy Link

Raw

Markdown

How to create Factory Functions instead of using Classes

Good day. I'm making a todo list app. Instead of classes, I want to use factory functions.

Original code with classes:
```
export class MyProject {
    constructor(title, description, dueDate, priority) {
        this.title = title;
        this.description = description;
        this.dueDate = dueDate;
        this.priority = priority;
        this.todos = [];
        this.projectIndex = null;

        this.expandContent = () => expandContent(this);
        this.deleteCard = () => deleteCard(this);
        this.addTodo = (todoText) => {
            this.todos.push(todoText);
            this.expandContent();
        };
    }
}

```
I tried using factory functions:
```
export const MyProject = (title, description, dueDate, priority) => {
    let todos = [];
    let projectIndex = null;

    const expandContent = () => expandContent(this);
    const deleteCard = () => deleteCard(this);
    const addTodo = (todoText) => {
        todos.push(todoText);
        expandContent();
    }

    return {title, description, dueDate, priority, todos, projectIndex, expandContent, deleteCard, addTodo}
};

```
I've acknowledged, that `this` is not necessary in factories, I'm not really sure how not to use them in expandContent and deleteCard functions

javascript tools

Communities

Post History