Lesson – 72 : Introduction to Functions in JavaScript

JavaScript એક શક્તિશાળી સ્ક્રિપ્ટિંગ ભાષા છે, અને તેમાં Functions ખૂબ જ મહત્વપૂર્ણ ભૂમિકા ભજવે છે. કોઈપણ પ્રોગ્રામમાં વારંવાર ચાલતા કોડને સરળ બનાવવા, પુનઃઉપયોગ કરવા અને લોજિકને વ્યવસ્થિત રાખવા માટે Functions નો ઉપયોગ થાય છે.

JavaScript Functions Flowchart


📘 Function શું છે?

Function એ કોડનો એક બ્લોક છે, જેને આપણે જેવું જોઈએ ત્યારે બોલાવી (Call) શકીએ. Functionનું મુખ્ય કામ છે — કોઈ ખાસ કાર્ય કરવું અને જરૂરી હોય ત્યારે મૂલ્ય (Value) પરત આપવું.

સરળ શબ્દોમાં:
Function = પુનઃઉપયોગ કરી શકાય તેવો કોડ બ્લોક


📌 Functions કેમ ઉપયોગી છે?

JavaScript માં Functions ઘણા કારણોસર ઉપયોગી છે:

✔ પુનઃઉપયોગ (Reusability)

એક જ કોડ વારંવાર લખવાને બદલે Function બનાવી તેનો ઉપયોગ કરી શકાય.

✔ કોડ મેનેજમેન્ટ સરળ

મોટા પ્રોગ્રામને નાના ટુકડામાં વિભાજિત કરી શકીએ.

✔ વાંચવામાં સરળ

કોડ વધુ ક્લીન અને સમજવા માટે સરળ બને.

✔ ડિબગિંગ સરળ

કોઈ ભૂલ આવે તો Functionમાં તપાસ કરવાથી ઝડપી સુધારી શકાય.


📘 JavaScript માં Function કેવી રીતે બનાવવો?

JavaScript માં Function DEFINE કરવા માટે function કીવર્ડ ઉપયોગ થાય છે.

📍 Syntax:
function functionName() {
// code to be executed
}
Example:
function greet() {
console.log("Hello, JavaScript!");
}

આ કોડમાં greet() નામનું Function બનાવ્યું છે.


🚀 Function ને કેવી રીતે Call કરવું?

Function CALL કરવા માટે તેનું નામ અને括号 (parentheses) લખવું પડે છે.

Example:
greet();

📘 Parameters અને Arguments

Function ને value મોકલવી હોય તો Parameters નો ઉપયોગ થાય છે.

Example:
function add(a, b) {
console.log(a + b);
}
add(5, 10); // Output: 15
  • a અને b = Parameters

  • 5 અને 10 = Arguments


🎁 return Statement

Function કોઈ value પણ પરત આપી શકે છે.

Example:
function multiply(a, b) {
return a * b;
}
let result = multiply(4, 5);
console.log(result); // Output: 20

return Functionનું પરિણામ પ્રોગ્રામને પાછું આપે છે.


🧠 Function Types in JavaScript

JavaScript માં Functionsના વિવિધ પ્રકારો છે:

1️⃣ Named Function

સાધારણ નામવાળા Functions.

function sayHello() {
console.log("Hello!");
}
2️⃣ Anonymous Function

નામ વગરના Functions — સામાન્ય રીતે variables માં સ્ટોર થાય છે.

let msg = function() {
console.log("Welcome!");
}
3️⃣ Arrow Function (ES6)

આધુનિક અને શોર્ટ સિન્ટેક્સ.

let square = (x) => x * x;
4️⃣ Function Expression

Function ને value તરીકે ઉપયોગ કરવો.


🧩 Real-life Example

જો તમને ઘણી વાર “Hello Student” બતાવવું હોય, તો Function મદદરૂપ બને:

function greeting() {
console.log("Hello Student!");
}
greeting();
greeting();
greeting();

JavaScript માં Functions એ પ્રોગ્રામિંગનો મુખ્ય ભાગ છે. તે કોડને પુનઃઉપયોગી, વ્યવસ્થિત અને અસરકારક બનાવે છે. કોઈપણ JavaScript પ્રોગ્રામને મજબૂત બનાવવા Functionsની સમજ જરૂરી છે.