JavaScript Function Expressions

JavaScript లో function ను ఒక variable లో store చేసి ఉపయోగించవచ్చు. ఇలా function ను variable కి assign చేస్తే దాన్ని Function Expression అంటారు.

సాధారణంగా function expression syntax ఇలా ఉంటుంది: const variableName = function () { }. ఇక్కడ function keyword తర్వాత function name ఇవ్వకపోవచ్చు. అలాంటి function ను anonymous function అంటారు.

Function Expression ఎలా పనిచేస్తుంది?

ఒక variable ను const లేదా let తో declare చేయండి.
ఆ variable కి ఒక function ను assign చేయండి.
తర్వాత variable name తో parentheses ఉపయోగించి function ను call చేయండి.

ఉదాహరణ: const greet = function (name) { return “Hello, ” + name; };

ఇక్కడ function ను greet variable లో store చేశాం. greet(“Anu”) అని call చేసినప్పుడు function execute అయి greeting string ను return చేస్తుంది.

Function Declaration మరియు Function Expression మధ్య తేడా

Function declaration లో సాధారణంగా function greet() { } అని function ను నేరుగా define చేస్తాం. Function expression లో అదే function ను ఒక variable కి assign చేస్తాం: const greet = function () { };.

Function expression లో const ఉపయోగించడం మంచి practice, ఎందుకంటే function ఉన్న variable ను అనుకోకుండా మళ్లీ assign చేయకుండా నిరోధిస్తుంది. Function expression ను declaration చేసిన తర్వాతనే call చేయడం beginner-friendly మరియు స్పష్టమైన విధానం.

Simple Explanation

Function expression అంటే ఒక function ను variable లో పెట్టడం. ఒక function ను reusable value లాగా store చేసి, అవసరమైనప్పుడు variable name తో call చేయవచ్చు.

ఉదాహరణకు, const add = function (a, b) { return a + b; }; లో add variable లో function store అయింది. add(2, 3) అని రాస్తే result 5 వస్తుంది.

Function expression లో function name లేకపోయినా పని చేస్తుంది. Function ను ఏ variable లో store చేశామో ఆ variable name ద్వారా దాన్ని call చేస్తాం.

Real-Life Example

ఒక restaurant లో ప్రతి order కోసం bill calculate చేయాలి అనుకుందాం. Bill calculation rules ను ఒక function expression లో store చేస్తే, ప్రతి customer కోసం అదే function ను మళ్లీ ఉపయోగించవచ్చు.

అలాగే ఒక calculator app లో addition కోసం ఒక function expression, subtraction కోసం మరొక function expression ఉంచవచ్చు. అవసరమైన operation ను variable name తో call చేస్తాం. ఇది code ను reusable మరియు organized గా ఉంచుతుంది.

Code Examples

Greeting Function Expression

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

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

greet అనే constant లో ఒక function expression ను store చేశాం. Function name parameter ను తీసుకుని greeting string ను return చేస్తుంది. చివరలో greet(“Anu”) తో function ను call చేశాం.

Hello, Anu

Addition Using a Function Expression

const add = function (firstNumber, secondNumber) {
  return firstNumber + secondNumber;
};

const result = add(12, 8);
console.log(result);

add variable లో రెండు parameters ఉన్న function expression ఉంది. Function రెండు numbers ను కలిపి return చేస్తుంది. Returned value ను result లో store చేసి console లో print చేశాం.

Discount Calculation

const calculateDiscount = function (price, discountPercent) {
  const discount = price * discountPercent / 100;
  return price - discount;
};

console.log(calculateDiscount(1000, 10));

ఈ function expression price మరియు discount percentage ను తీసుకుంటుంది. ముందుగా discount amount ను calculate చేసి, తర్వాత original price నుంచి దాన్ని తీసివేసి final price ను return చేస్తుంది.

Line-by-Line Explanation

const greet = function (name) {

greet అనే constant ను create చేసి, దానికి ఒక function expression ను assign చేస్తున్నాం. name function parameter.

return “Hello, ” + name;

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

};

ఇది function body ముగింపు. Function expression ను variable కి assign చేసినందున చివరలో semicolon ఉంచాం.

console.log(greet(“Anu”));

greet variable ద్వారా function ను call చేస్తున్నాం. “Anu” argument గా పంపబడుతుంది మరియు వచ్చిన return value console లో కనిపిస్తుంది.

Try It

Try this JavaScript code:

Example

const calculateTotal = function (price, quantity) {
  // Return the total price here
};

console.log(calculateTotal(250, 3));

Try It Yourself »

Practice

Practice: ఒక function expression ను create చేయండి. అది price మరియు quantity ను parameters గా తీసుకుని total price ను return చేయాలి. తర్వాత calculateTotal(250, 3) ను call చేసి result ను console లో print చేయండి.

Hint: const calculateTotal = function (price, quantity) { } రూపాన్ని ఉపయోగించండి. Total కోసం price * quantity expression ను return చేయండి.

Practice: calculateDiscount అనే function expression ను పూర్తి చేయండి. అది price మరియు discountPercent ను తీసుకుని discount తర్వాత మిగిలే final price ను return చేయాలి. ఉదాహరణకు 1000 మరియు 10 ఇస్తే output 900 రావాలి.

Hint: ముందుగా price * discountPercent / 100 తో discount amount calculate చేయండి. తర్వాత price – discount ను return చేయండి.

Common Mistakes

Function expression ను assign చేసిన వెంటనే semicolon పెట్టకపోవడం: const greet = function () { }

Variable assignment statement పూర్తయ్యిందని చూపించడానికి function expression తర్వాత semicolon పెట్టడం మంచి practice: const greet = function () { };

Function expression ను store చేసిన variable కు parentheses పెట్టకుండా console.log(greet) అని రాయడం.

greet function ను execute చేయాలంటే greet() అని call చేయాలి. Arguments ఉంటే వాటిని parentheses లో ఇవ్వాలి.

Function expression లో return statement మర్చిపోవడం. అప్పుడు calculation చేసినా result బయటకు రాదు.

విలువను function బయటకు పంపాలంటే return keyword ఉపయోగించండి. ఉదాహరణకు return price – discount;.

ఒకే const variable కు మరో function ను మళ్లీ assign చేయడం.

const variable ను మళ్లీ assign చేయలేరు. అవసరమైతే కొత్త variable name ఉపయోగించండి లేదా మార్చాల్సిన value కోసం సరైన సందర్భంలో let ఉపయోగించండి.

Interview Questions

JavaScript లో Function Expression అంటే ఏమిటి?

Answer: ఒక function ను variable కి assign చేసి store చేయడాన్ని Function Expression అంటారు. ఉదాహరణకు const add = function (a, b) { return a + b; };.

Function Expression మరియు Function Declaration మధ్య ప్రధాన తేడా ఏమిటి?

Answer: Function declaration లో function ను నేరుగా define చేస్తాం: function greet() { }. Function expression లో function ను variable కి assign చేస్తాం: const greet = function () { };.

Anonymous function అంటే ఏమిటి?

Answer: Function name లేకుండా ఉన్న function ను anonymous function అంటారు. Function expression లో సాధారణంగా function keyword తర్వాత name ఇవ్వరు.

Function expression ను ఎలా call చేస్తారు?

Answer: Function ను store చేసిన variable name తర్వాత parentheses ఉపయోగించాలి. ఉదాహరణకు greet() లేదా arguments ఉంటే greet(“Anu”).

Exam Questions

క్రింది code output ఏమిటి? const multiply = function (a, b) { return a * b; }; console.log(multiply(4, 5));

Answer:

Output: 20

క్రింది code లో function expression ను గుర్తించండి: const welcome = function (name) { return “Welcome, ” + name; };

Answer:

function (name) { return “Welcome, ” + name; } భాగం function expression. ఇది welcome variable కి assign చేయబడింది.

Function expression లో return statement ఎందుకు ఉపయోగిస్తారు?

Answer:

Function calculate చేసిన value ను function బయటకు పంపడానికి return statement ఉపయోగిస్తారు. ఆ returned value ను variable లో store చేయవచ్చు లేదా console లో print చేయవచ్చు.

Quick Revision

Function Expression అంటే function ను variable కి assign చేయడం.
సాధారణ syntax: const variableName = function () { };
Function name లేకపోతే దాన్ని anonymous function అంటారు.
Function expression ను call చేయడానికి variable name తర్వాత parentheses ఉపయోగించాలి.
return function result ను బయటకు పంపుతుంది.
Function expression ను declaration చేసిన తర్వాత call చేయడం beginner-friendly విధానం.

JavaScript Function Expressions