Master JavaScript Functions – 7 Powerful Steps Gujarati Tutorial for Beginners

JavaScript functions વેબ ડેવલપમેન્ટનો એક સૌથી મહત્વનો ભાગ છે. Functions તમારા code ને reusable, clean અને maintainable બનાવે છે.
આ Gujarati tutorial માં, આપણે step-by-step functions શીખીશું — definitions, types, parameters, return values અને real-world examples સાથે.

1. JavaScript Function શું છે?

JavaScript function એ code નો block છે જે નામ આપીને define કરાય છે અને પછી multiple વખત call કરી શકાય છે.

📌 Example:

function greet() {
  console.log("નમસ્તે! JavaScript શીખો.");
}

greet(); // Output: નમસ્તે! JavaScript શીખો.

2. Function Declare કરવાની 3 રીતો

JavaScript માં functions declare કરવાની main ત્રણ રીતો છે:

(a) Function Declaration

function add(a, b) {
  return a + b;
}
console.log(add(5, 3)); // Output: 8

(b) Function Expression

const multiply = function(x, y) {
  return x * y;
};
console.log(multiply(4, 2)); // Output: 8

(c) Arrow Function (ES6)

const divide = (x, y) => x / y;
console.log(divide(10, 2)); // Output: 5

3. Parameters અને Arguments

Parameters: Function declare કરતી વખતે variable નામ
Arguments: Function call કરતી વખતે pass કરેલી values

function greetUser(name) {
  console.log(`હેલો, ${name}!`);
}
greetUser("જય"); // Output: હેલો, જય!

4. Return Statement

Function માંથી value return કરવા માટે return keyword વપરાય છે.

function square(num) {
  return num * num;
}
console.log(square(6)); // Output: 36

5. Default Parameters

Default value assign કરવા માટે:

function welcome(name = "Guest") {
  console.log(`સ્વાગત છે, ${name}!`);
}
welcome(); // Output: સ્વાગત છે, Guest!

6. Anonymous Functions

જે functions ના નામ નથી.

setTimeout(function() {
  console.log("3 seconds પછી run થયું");
}, 3000);

7. Immediately Invoked Function Expression (IIFE)

Function declare કરીને તરત call કરવું.

(function() {
  console.log("IIFE Run થઈ ગયું!");
})();

8. Higher-Order Functions

જે બીજા function ને parameter તરીકે લે છે અથવા return કરે છે.

function calculate(a, b, operation) {
  return operation(a, b);
}
console.log(calculate(5, 3, (x, y) => x + y)); // Output: 8

9. Why Use Functions?

✅ Code reuse
✅ Clean structure
✅ Easy maintenance
✅ Reduces repetition

10. Real-World Example: Form Validation

function validateEmail(email) {
  return email.includes("@");
}

const userEmail = "test@example.com";
if (validateEmail(userEmail)) {
  console.log("Valid Email");
} else {
  console.log("Invalid Email");
}

Conclusion

JavaScript Functions પ્રોગ્રામિંગ નો base છે. જો તમે functions સારી રીતે સમજી લો, તો તમે complex web apps બનાવવામાં માસ્ટર બની જશો.

📚 Suggested Next Reads:

JavaScript Functions – Step by Step Gujarati Tutorial with Examples