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 16d ago by Sevenfold‭ · edited 12d ago by Andreas lost his angel wings‭

Question javascript design-patterns

#3: Post edited by

Andreas lost his angel wings‭ · 2024-10-05T17:53:40Z (12 days 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 (16 days ago)
improved tags

Copy Link

Raw

Markdown

javascript tools

javascript design-patterns

#1: Initial revision by

Sevenfold‭ · 2024-10-02T04:06:17Z (16 days 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