JavaScript Functions

மீண்டும் பயன்படுத்தக்கூடிய குறியீட்டு தொகுதிகளைக் கற்றுக்கொள்ளுங்கள்

Reusable Code Blocks

செயல்பாடுகள் ஒரு குறிப்பிட்ட பணியைச் செய்ய வடிவமைக்கப்பட்ட மீண்டும் பயன்படுத்தக்கூடிய குறியீட்டு தொகுதிகள்.

செயல்பாடுகள் அழைக்கப்படும் அல்லது அழைக்கப்படும் போது இயக்கப்படுகின்றன.

அனைத்து நிரலாக்கத்திலும் செயல்பாடுகள் அடிப்படையானவை.

Why Use Functions?

செயல்பாடுகள் உதவுகின்றன:

குறியீட்டை மீண்டும் பயன்படுத்த: ஒருமுறை எழுதுங்கள், பல முறை இயக்கவும்
குறியீட்டை சிறிய பகுதிகளாக ஒழுங்கமைக்க: சிக்கலான நிரல்களை நிர்வகிக்க எளிதானதாக்குகிறது
குறியீட்டைப் படிக்கவும் பராமரிக்கவும் எளிதாக்க: ஒவ்வொரு செயல்பாடும் ஒரு குறிப்பிட்ட பணியை மட்டுமே செய்கிறது

What Does a Function Look Like?

ஒரு செயல்பாடு function கீவேர்டு, ஒரு பெயர் மற்றும் அடைப்புக்குறிகளுடன் உருவாக்கப்படலாம்.

இயக்க வேண்டிய குறியீடு சுருள் அடைப்புக்குள் எழுதப்பட்டுள்ளது.

Example: Function Definition

// A one liner:
function sayHello() { return "Hello World"; }

// or more common:
function sayHello() {
  return "Hello World";
}

📝 குறிப்பு:

மேலே உள்ள செயல்பாடு எதையும் செய்யாது. முதலில் அது அழைக்கப்பட வேண்டும்.

Functions Run When You Call Them

ஒரு செயல்பாட்டை இயக்க, அதன் பெயரைத் தொடர்ந்து அடைப்புக்குறிகளைப் பயன்படுத்தி அழைக்கவும்: sayHello()

Example: Calling a Function

function sayHello() {
  return "Hello World";
}

let message = sayHello();

🔧 தொழில்நுட்ப குறிப்பு:

அரைப்புள்ளிகள் இயக்கக்கூடிய JavaScript அறிக்கைகளைப் பிரிக்கப் பயன்படுத்தப்படுகின்றன.

ஒரு செயல்பாட்டு வரையறை ஒரு இயக்கக்கூடிய அறிக்கை அல்ல. ஒரு செயல்பாட்டு வரையறையை அரைப்புள்ளியுடன் முடிப்பது பொதுவானதல்ல.

JavaScript Function Syntax

function name( p1, p2, ... ) {
  // code to be executed
}

செயல்பாடுகள் function கீவேர்டுடன் வரையறுக்கப்படுகின்றன:

  1. செயல்பாட்டு பெயரைத் தொடர்ந்து
  2. அடைப்புக்குறிகள் ( )
  3. அடைப்புக்குறிகள் { }

விருப்ப அளவுருக்கள் அடைப்புக்குறிக்குள் பட்டியலிடப்படுகின்றன: ( p1, p2, ... )

இயக்கப்பட வேண்டிய குறியீடு சுருள் அடைப்புக்குள் பட்டியலிடப்படுகிறது: { }

செயல்பாடுகள் அழைப்பவருக்கு ஒரு விருப்ப மதிப்பைத் திருப்பித் தரலாம்.

Example: Multiply Function

function multiply(a, b) {
  return a * b;
}

🏷️ பெயரிடல் விதிகள்:

செயல்பாட்டுப் பெயர் மாறிகளுக்கான பெயரிடல் விதிகளைப் பின்பற்றுகிறது.

A Function Can Be Used Many Times

ஒரு பெரிய நன்மை என்னவென்றால், உங்களுக்கு தேவைப்படும்போதெல்லாம் அதே செயல்பாட்டை நீங்கள் அழைக்கலாம்.

Example: Reusing a Function

function add(a, b) {
  return a + b;
}

let sum1 = add(5, 5);
let sum2 = add(50, 50);
let sum3 = add(100, 200);

💾 குறிப்பு:

செயல்பாடுகளிலிருந்து திரும்பிய மதிப்புகள் மாறிகளில் சேமிக்கப்படலாம் என்பதைக் கவனிக்கவும்.

Local Variables

ஒரு JavaScript செயல்பாட்டிற்குள் அறிவிக்கப்பட்ட மாறிகள், செயல்பாட்டிற்கு LOCAL ஆகின்றன.

உள்ளூர் மாறிகள் செயல்பாட்டிற்குள் இருந்து மட்டுமே அணுக முடியும்.

Example: Local Variable Scope

// code here can NOT use carName

function myFunction() {
  let carName = "Volvo";
  // code here CAN use carName
}

// code here can NOT use carName

🔄 உள்ளூர் மாறி நன்மைகள்:

உள்ளூர் மாறிகள் அவற்றின் செயல்பாடுகளுக்குள் மட்டுமே அங்கீகரிக்கப்படுவதால், வெவ்வேறு செயல்பாடுகளில் ஒரே பெயரில் மாறிகள் பயன்படுத்தப்படலாம்.

உள்ளூர் மாறிகள் ஒரு செயல்பாடு தொடங்கும் போது உருவாக்கப்படுகின்றன, மேலும் செயல்பாடு முடிந்ததும் நீக்கப்படும்.

Functions Used as Variables

செயல்பாடுகள் மாறிகளாகப் பயன்படுத்தப்படலாம், அனைத்து வகையான சூத்திரங்கள், வேலைப்பாடுகள் மற்றும் கணக்கீடுகளில்.

Using Variable to Store Result

let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";

Using Function Directly

let text = "The temperature is " + toCelsius(77) + " Celsius";

நடைமுறை உதவிக்குறிப்பு:

நடுத்தர முடிவை சேமிக்கத் தேவையில்லாதபோது, நேரடியாக செயல்பாட்டைப் பயன்படுத்தவும். இது குறியீட்டை சுத்தமாகவும் குறுகியதாகவும் ஆக்குகிறது.

Function Input and Output

மிகவும் பயனுள்ள செயல்பாடுகள் இப்படித்தான் வேலை செய்கின்றன:

Parameter Input

சில அளவுருக்கள் செயல்பாட்டிற்குள் செல்கின்றன

Function Code

சில வேலைகள் செயல்பாட்டிற்குள் செய்யப்படுகின்றன

Return Output

சில மதிப்பு செயல்பாட்டிலிருந்து திரும்பி வருகிறது

அடுத்த மூன்று அத்தியாயங்களில், உள்ளீடு மற்றும் திரும்ப மதிப்புகள் பற்றி மேலும் அறிவீர்கள்.

Common Mistakes

Forgetting to Call the Function

sayHello என்று எழுதுவது செயல்பாட்டை இயக்காது.

நீங்கள் sayHello() என்று எழுத வேண்டும்.

// Wrong - function not called
sayHello;

// Correct - function called
sayHello();

Expecting Output

சில செயல்பாடுகள் மதிப்பைத் திருப்பித் தரவில்லை.

return அறிக்கை இல்லாத செயல்பாடு undefined ஐத் திருப்பித் தரும்.

function greet() {
  console.log("Hello");
  // No return statement
}

let result = greet(); // result = undefined

Why Functions?

சிறந்த குறியீடு ஒழுங்கமைப்பு: நிரலை தருக்க தொகுதிகளாக உடைக்கவும்
செயல்திறன்: அதே குறியீட்டை பல முறை மீண்டும் பயன்படுத்தவும்
மாறுபட்ட விளைவுகள்: வெவ்வேறு உள்ளீடுகளுடன் அதே குறியீடு வெவ்வேறு முடிவுகளை உருவாக்கும்
பிழைத்திருத்தம் எளிது: ஒவ்வொரு செயல்பாட்டையும் தனித்தனியாக சோதிக்கவும்

Next Chapter

➡️ அடுத்து:

Calling JavaScript Functions - செயல்பாடுகளை எவ்வாறு சரியாக அழைப்பது மற்றும் பயன்படுத்துவது பற்றி கற்றுக்கொள்ளுங்கள்

Exercise

JavaScript இல் ஒரு செயல்பாட்டை வரையறுக்க என்ன கீவேர்டு பயன்படுத்தப்படுகிறது?

def
✗ தவறு! 'def' என்பது Python மொழியில் செயல்பாடுகளை வரையறுக்கப் பயன்படுகிறது, JavaScript இல் அல்ல
func
✗ தவறு! 'func' என்பது Go மற்றும் Swift போன்ற மொழிகளில் பயன்படுத்தப்படுகிறது, JavaScript இல் அல்ல
function
✓ சரி! 'function' என்பது JavaScript இல் செயல்பாடுகளை வரையறுக்கப் பயன்படும் சரியான கீவேர்டு