JavaScript Default Parameters

JavaScript Default Parameters అంటే ఏమిటి?

Function ను call చేసినప్పుడు ఒక parameter కు value ఇవ్వకపోతే ఉపయోగించాల్సిన ముందుగా నిర్ణయించిన value ను default parameter అంటారు.

Parameter కు default value ఇవ్వడానికి = operator ను ఉపయోగిస్తాము. ఉదాహరణకు function greet(name = “Guest”) లో name కు value ఇవ్వకపోతే, అది “Guest” value ను ఉపయోగిస్తుంది.

Default Parameter Syntax

function functionName(parameter = defaultValue) { }

Function call లో argument ఇవ్వకపోతే default value ఉపయోగించబడుతుంది. Argument ఇస్తే, ఇచ్చిన value default value ను replace చేస్తుంది.

undefined మరియు Default Parameters

Parameter కు undefined వస్తే default value ఉపయోగించబడుతుంది. కానీ null ఇస్తే default value ఉపయోగించబడదు, ఎందుకంటే null ఒక ప్రత్యేక value గా పరిగణించబడుతుంది.

Arrow Functions లో Default Parameters

Arrow function parameters కు కూడా default values ఇవ్వవచ్చు. ఉదాహరణకు const greet = (name = “Guest”) => “Hello, ” + name;

Default parameters code ను మరింత safe మరియు readable గా చేస్తాయి. ప్రతి function call లో ఒకే default value కోసం ప్రత్యేకంగా condition రాయాల్సిన అవసరం ఉండదు.

Simple Explanation

ఒక function కు input ఇవ్వకపోతే ఏమి చేయాలో ముందుగానే చెప్పేది default parameter.

ఉదాహరణకు, greet(“Ravi”) అని call చేస్తే Ravi పేరు ఉపయోగించబడుతుంది. greet() అని call చేస్తే function లో ఉన్న default name ఉపయోగించబడుతుంది.

Argument ఇచ్చినప్పుడు: ఇచ్చిన value ఉపయోగించబడుతుంది.
Argument ఇవ్వనప్పుడు: default value ఉపయోగించబడుతుంది.
undefined ఇచ్చినప్పుడు: default value ఉపయోగించబడుతుంది.
null ఇచ్చినప్పుడు: null value నే ఉపయోగిస్తుంది.

Real-Life Example

ఒక food delivery app లో delivery location ఇవ్వకపోతే, app default గా customer address ను ఉపయోగించవచ్చు. అలాగే function కు username ఇవ్వకపోతే “Guest” అనే default username ను చూపించవచ్చు.

ఇది form inputs, user profiles, configuration settings వంటి సందర్భాల్లో ఉపయోగకరంగా ఉంటుంది. ప్రతి input తప్పనిసరిగా ఇవ్వాల్సిన అవసరం లేకుండా function ను flexible గా తయారు చేయవచ్చు.

Code Examples

Function లో Default Parameter

function greet(name = "Guest") {
  return "Hello, " + name;
}

console.log(greet("Ravi"));
console.log(greet());

greet function లో name parameter కు “Guest” default value ఇచ్చాము. మొదటి call లో “Ravi” ఇచ్చారు కాబట్టి Ravi ఉపయోగించబడుతుంది. రెండవ call లో argument ఇవ్వలేదు కాబట్టి Guest ఉపయోగించబడుతుంది.

Hello, Ravi
Hello, Guest

Default Parameter ను Override చేయడం

function calculateTotal(price, taxRate = 0.1) {
  return price + price * taxRate;
}

console.log(calculateTotal(100));
console.log(calculateTotal(100, 0.2));

taxRate కు default గా 0.1 ఇచ్చాము. మొదటి call లో tax rate ఇవ్వలేదు కాబట్టి 0.1 ఉపయోగించబడుతుంది. రెండవ call లో 0.2 ఇచ్చాము కాబట్టి default value స్థానంలో 0.2 ఉపయోగించబడుతుంది.

110
120

Arrow Function లో Default Parameter

const welcome = (name = "Visitor") => "Welcome, " + name;

console.log(welcome());
console.log(welcome("Sita"));

ఇక్కడ arrow function లో name కు “Visitor” default value ఇచ్చాము. Argument లేకపోతే Visitor ఉపయోగించబడుతుంది. Argument ఇస్తే ఆ value ఉపయోగించబడుతుంది.

Welcome, Visitor
Welcome, Sita

Line-by-Line Explanation

function introduce(name = “Guest”) {

ఇది introduce అనే function ను తయారు చేస్తుంది. name parameter కు “Guest” default value కేటాయించబడింది.

return “Hello, ” + name;

ఈ line “Hello, “ string తో name value ను కలిపి function result గా return చేస్తుంది.

}

ఈ curly bracket function body ముగిసిందని సూచిస్తుంది.

console.log(introduce());

ఇక్కడ function ను argument లేకుండా call చేస్తున్నాము. అందువల్ల name కు “Guest” default value ఉపయోగించబడుతుంది.

console.log(introduce(“Ravi”));

ఇక్కడ “Ravi” argument గా ఇచ్చాము. కాబట్టి default value కాకుండా Ravi name ఉపయోగించబడుతుంది.

Try It

Try this JavaScript code:

Example

function createMessage(name = "Guest") {
  return "Hello, " + name;
}

console.log(createMessage());
console.log(createMessage("Anu"));

Try It Yourself »

Practice

Practice:

welcomeUser function ను complete చేయండి. name కు default value “Guest” ఉండాలి. Function “Welcome, “ మరియు name ను కలిపి return చేయాలి.

Function ను argument లేకుండా మరియు “Kiran” argument తో call చేయండి.

Hint:

return “Welcome, ” + name; అనే statement ను ఉపయోగించండి. Argument లేకపోతే default parameter value ఉపయోగించబడుతుంది.

Common Mistakes

Default value ఇవ్వడానికి parameter తరువాత = బదులుగా == లేదా === ఉపయోగించడం.

Default parameter కోసం assignment operator అయిన = మాత్రమే ఉపయోగించాలి. ఉదాహరణ: function greet(name = “Guest”)

Function call లో argument ఇవ్వకపోయినా default value కాకుండా null value వస్తుందని అనుకోవడం.

Argument ఇవ్వకపోతే సాధారణంగా parameter value undefined అవుతుంది, అప్పుడు default value ఉపయోగించబడుతుంది. కానీ explicit గా null ఇస్తే null నే ఉపయోగిస్తుంది.

Default parameter ఎప్పుడూ ఉపయోగించబడుతుందని అనుకోవడం.

Call సమయంలో actual argument ఇస్తే అది default value ను replace చేస్తుంది. Default value argument లేనప్పుడు లేదా undefined ఇచ్చినప్పుడు మాత్రమే ఉపయోగించబడుతుంది.

Default parameter ను function body లోని సాధారణ variable declaration తో కలిపి గందరగోళపడటం.

Default parameter ను function declaration లోనే parameter తరువాత = value రూపంలో రాయాలి.

Interview Questions

JavaScript లో default parameter అంటే ఏమిటి?

Answer:

Function call సమయంలో argument ఇవ్వనప్పుడు parameter కు ఉపయోగించే ముందుగా నిర్ణయించిన value ను default parameter అంటారు. ఉదాహరణ: function greet(name = “Guest”)

Argument ఇవ్వనప్పుడు default parameter ఎప్పుడు ఉపయోగించబడుతుంది?

Answer:

Argument ఇవ్వనప్పుడు parameter value undefined అవుతుంది. అప్పుడు default parameter value ఉపయోగించబడుతుంది. Explicit గా null ఇస్తే default value ఉపయోగించబడదు.

Default parameter ను arrow function లో ఉపయోగించవచ్చా?

Answer:

అవును. ఉదాహరణ: const greet = (name = “Guest”) => “Hello, ” + name;

Default parameter ఇచ్చిన function కు కొత్త argument ఇస్తే ఏమవుతుంది?

Answer:

కొత్తగా ఇచ్చిన argument default value ను override చేస్తుంది. Function ఆ argument value ను ఉపయోగిస్తుంది.

Exam Questions

క్రింది code output ఏమిటి? function show(name = “User”) { return name; } console.log(show());

Answer:

User

క్రింది code output ఏమిటి? function show(value = 10) { return value; } console.log(show(null));

Answer:

null

Default parameter రాయడానికి ఏ operator ఉపయోగిస్తారు?

Answer:

Assignment operator = ఉపయోగిస్తారు. ఉదాహరణ: function test(value = 5)

క్రింది function లో default parameter ఏది? const add = (a, b = 0) => a + b;

Answer:

b parameter కు 0 default value గా ఉంది.

Quick Revision

Default parameter అనేది argument ఇవ్వనప్పుడు ఉపయోగించే ముందుగా నిర్ణయించిన value.
Syntax: function name(parameter = defaultValue) { }
Argument ఇచ్చినప్పుడు అది default value ను override చేస్తుంది.
Argument ఇవ్వకపోతే లేదా undefined ఇస్తే default value ఉపయోగించబడుతుంది.
null ఇస్తే default value ఉపయోగించబడదు; null value నే ఉపయోగిస్తుంది.
Normal functions మరియు arrow functions రెండింటిలోనూ default parameters ఉపయోగించవచ్చు.

JavaScript Default Parameters