DEV Community

Cover image for A better way to pass parameters to functions
Arno Solo
Arno Solo

Posted on

A better way to pass parameters to functions

#webdev #javascript #beginners #tutorial

Original link

If a function requires 4 arguments, then we need to pass in 4 arguments, even if the middle argument is not needed in some cases. So can you pass in a few parameters if you need a few parameters? Yes, you will know after reading this article.

// 👎 Ordinary way of passing parameters
printTodo('Learn Swift', undefined, undefined, ['learning']);
Enter fullscreen mode Exit fullscreen mode 
// 👍 Pass in only the parameters needed
printTodo({title: 'Learn Swift', tags: ['learning']});
Enter fullscreen mode Exit fullscreen mode

Ordinary way

function printTodo(
    title = 'Untitled',
    content = '',
    isDone = false,
    tags: string[] = [],
) {
    console.log(`Title: ${title}`);
    console.log(`Content: ${content}`);
    console.log(`Tags: ${tags.map(tag => `#${tag} `).join()} \n`);
}

printTodo('Learn Swift', undefined, undefined, ['learning']);
Enter fullscreen mode Exit fullscreen mode

Pass in only the parameters needed

interface Todo {
    title?: string;
    content?: string;
    isDone?: boolean;
    tags?: string[];
}

function printTodo({
    title = 'Untitled',
    content = '',
    isDone = false,
    tags = [],
}: Todo = {}) {
    console.log(`Title: ${title}`);
    console.log(`Content: ${content}`);
    console.log(`Tags: ${tags.map(tag => `#${tag} `).join()} \n`);
}

printTodo({title: 'Learn Swift', tags: ['learning']});
printTodo();
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

harshtiwari1710 profile image

SVM and Kernels: The Math that Makes Classification Magic

HarshTiwari1710 -

waveplay-staff profile image

Getting credentials for your Discord Activity

WavePlay Staff -

suneeh profile image

🔍 Searching the web

Suneeh -

ootkin profile image

From Code to OpenAPI spec with Ease using SkimX

ootkin -