జావాస్క్రిప్ట్ బాణం విధులు మిమ్మల్ని మెరుగైన డెవలపర్‌గా చేయగలవు

జావాస్క్రిప్ట్ ES6 వెబ్ అభివృద్ధి ప్రపంచంలో ఉత్తేజకరమైన మార్పులను తెచ్చింది. జావాస్క్రిప్ట్ భాషలో కొత్త చేర్పులు కొత్త అవకాశాలను తెచ్చాయి.

జావాస్క్రిప్ట్‌లోకి బాణం ఫంక్షన్‌లను జోడించడం అత్యంత ప్రజాదరణ పొందిన మార్పులలో ఒకటి. బాణం ఫంక్షన్లు జావాస్క్రిప్ట్ ఫంక్షన్ ఎక్స్‌ప్రెషన్‌లను వ్రాయడానికి ఒక కొత్త మార్గం, మీ యాప్‌లో ఫంక్షన్‌లను సృష్టించడానికి మీకు రెండు విభిన్న మార్గాలు ఇస్తాయి.

---

---

మీరు సాంప్రదాయ జావాస్క్రిప్ట్ ఫంక్షన్లలో నిపుణులైతే బాణం ఫంక్షన్‌లు సర్దుబాటు చేయడానికి కొంచెం సమయం పడుతుంది. ఇవి ఏమిటి, అవి ఎలా పని చేస్తాయి మరియు అవి మీకు ఎలా ఉపయోగపడతాయో చూద్దాం.

జావాస్క్రిప్ట్ బాణం విధులు ఏమిటి?

బాణం ఫంక్షన్లు ఫంక్షన్ వ్యక్తీకరణలను వ్రాయడానికి కొత్త మార్గం జావాస్క్రిప్ట్ ES6 విడుదలలో చేర్చబడింది . అవి మీరు ఉపయోగిస్తున్న జావాస్క్రిప్ట్ ఫంక్షన్ ఎక్స్‌ప్రెషన్‌ల మాదిరిగానే ఉంటాయి, కొన్ని విభిన్నమైన నియమాలతో.

బాణం ఫంక్షన్‌లు ఎల్లప్పుడూ అనామక విధులు, వీటి కోసం విభిన్న నియమాలు ఉంటాయి

this

, మరియు సాంప్రదాయక విధుల కంటే సరళమైన వాక్యనిర్మాణాన్ని కలిగి ఉంటుంది.

.bat ఎలా తయారు చేయాలి

ఈ విధులు కొత్త బాణం టోకెన్‌ను ఉపయోగిస్తాయి:

---

---

=>

మీరు ఎప్పుడైనా పైథాన్‌లో పనిచేసినట్లయితే, ఈ విధులు చాలా పోలి ఉంటాయి పైథాన్ లాంబ్డా వ్యక్తీకరణలు .

ఈ ఫంక్షన్ల సింటాక్స్ సాధారణ ఫంక్షన్ల కంటే కొంచెం శుభ్రంగా ఉంటుంది. గుర్తుంచుకోవడానికి కొన్ని కొత్త నియమాలు ఉన్నాయి:

---

---

• ఫంక్షన్ కీవర్డ్ తొలగించబడింది
• రిటర్న్ కీవర్డ్ ఐచ్ఛికం
• గిరజాల బ్రేస్‌లు ఐచ్ఛికం

చాలా చిన్న మార్పులు ఉన్నాయి, కాబట్టి ఫంక్షన్ వ్యక్తీకరణల ప్రాథమిక పోలికతో ప్రారంభిద్దాం.

బాణం విధులను ఎలా ఉపయోగించాలి

బాణం విధులు ఉపయోగించడానికి సులభం. సాంప్రదాయ ఫంక్షన్ వ్యక్తీకరణలతో పక్కపక్కనే పోల్చినప్పుడు బాణం ఫంక్షన్లను అర్థం చేసుకోవడం సులభం.

ఇక్కడ రెండు సంఖ్యలను జోడించే ఫంక్షన్ వ్యక్తీకరణ ఉంది; మొదట సాంప్రదాయ ఫంక్షన్ పద్ధతిని ఉపయోగించడం:

let addnum = function(num1,num2){
return num1 + num2;
};
addnum(1,2);
>>3

ఇది రెండు ఆర్గ్యుమెంట్‌లను తీసుకుని, మొత్తాన్ని తిరిగి ఇచ్చే అందమైన ఫంక్షన్.

బాణం ఫంక్షన్‌కి వ్యక్తీకరణ మార్చబడింది:

let addnum = (num1,num2) => { return num1 + num2;};
addnum(1,2);
>>3

ఫంక్షన్ సింటాక్స్ బాణం ఫంక్షన్ ఉపయోగించి చాలా భిన్నంగా ఉంటుంది. ఫంక్షన్ కీవర్డ్ తొలగించబడింది; బాణం టోకెన్ మీరు ఫంక్షన్ రాస్తున్నట్టు జావాస్క్రిప్ట్‌కి తెలియజేస్తుంది.

గిరజాల బ్రేస్‌లు మరియు రిటర్న్ కీవర్డ్ ఇప్పటికీ ఉన్నాయి. బాణం ఫంక్షన్లతో ఇవి ఐచ్ఛికం. అదే ఫంక్షన్ యొక్క మరింత సరళమైన ఉదాహరణ ఇక్కడ ఉంది:

let addnum = (num1,num2) => num1 + num2;

రిటర్న్ కీవర్డ్ మరియు గిరజాల బ్రేస్‌లు ఇప్పుడు లేవు. మిగిలి ఉన్నది చాలా శుభ్రమైన వన్-లైన్ ఫంక్షన్, ఇది అసలైన ఫంక్షన్ వలె దాదాపు సగం కోడ్. మీరు చాలా తక్కువ వ్రాతపూర్వక కోడ్‌తో అదే ఫలితాన్ని పొందుతారు.

బాణం ఫంక్షన్లకు ఇంకా చాలా ఉన్నాయి. లోతుగా డైవ్ చేద్దాం, తద్వారా వారు ఏమి చేయగలరో మీకు మంచి అనుభూతి కలుగుతుంది.

బాణం ఫంక్షన్ ఫీచర్లు

బాణం ఫంక్షన్లలో అనేక రకాల ఉపయోగాలు మరియు ఫీచర్లు ఉన్నాయి.

ఇది మెరుగైన ఆండ్రాయిడ్ పే లేదా శామ్‌సంగ్ పే

రెగ్యులర్ విధులు

బాణం విధులు ఒకటి లేదా అంతకంటే ఎక్కువ వాదనలను ఉపయోగించవచ్చు. మీరు రెండు లేదా అంతకంటే ఎక్కువ వాదనలను ఉపయోగిస్తుంటే, వాటిని తప్పనిసరిగా కుండలీకరణంలో చేర్చాలి. మీకు ఒక వాదన మాత్రమే ఉంటే, మీరు కుండలీకరణాలను ఉపయోగించాల్సిన అవసరం లేదు.

let square = x => x * x
square(2);
>>4

బాణం ఫంక్షన్లను వాదనలు లేకుండా ఉపయోగించవచ్చు. మీరు మీ ఫంక్షన్‌లో ఎలాంటి ఆర్గ్యుమెంట్‌లను ఉపయోగించకపోతే, మీరు తప్పనిసరిగా ఖాళీ కుండలీకరణాలను ఉపయోగించాలి.

let helloFunction = () => Console.log('Hello reader!');
helloFunction();
>>Hello reader!

ఇలాంటి సాధారణ విధులు చాలా తక్కువ కోడ్‌ని ఉపయోగిస్తాయి. కాంప్లెక్స్ ఎంత సులభమో ఊహించండి జావాస్క్రిప్ట్ స్లైడ్ షో లాంటి ప్రాజెక్ట్ మీరు ఫంక్షన్లను వ్రాయడానికి సరళమైన మార్గాన్ని కలిగి ఉన్నప్పుడు అవుతుంది.

దీనిని ఉపయోగించడం

అనే భావన

this

జావాస్క్రిప్ట్ ఉపయోగించడంలో అత్యంత గమ్మత్తైన భాగం. బాణం విధులు చేస్తాయి

this

ఉపయోగించడానికి సులభం.

మీరు బాణం ఫంక్షన్లను ఉపయోగించినప్పుడు

this

పరివేష్టిత ఫంక్షన్ ద్వారా నిర్వచించబడుతుంది. మీరు గూడు విధులు మరియు అవసరాన్ని సృష్టించినప్పుడు వచ్చే సమస్యలను ఇది సృష్టించవచ్చు

this

మీ ప్రధాన విధికి దరఖాస్తు చేసుకోవడానికి

రెగ్యులర్ ఫంక్షన్‌లతో మీరు ఉపయోగించాల్సిన ప్రత్యామ్నాయాన్ని చూపించే ప్రముఖ ఉదాహరణ ఇక్కడ ఉంది.

function Person() {
var that = this; //You have to assign 'this' to a new variable
that.age = 0;
setInterval(function growUp() {
that.age++;
}, 1000);
}

యొక్క విలువను కేటాయించడం

this

మీరు మీ ప్రధాన ఫంక్షన్ లోపల ఒక ఫంక్షన్‌కు కాల్ చేసినప్పుడు వేరియబుల్ దానిని చదవగలిగేలా చేస్తుంది. ఇది గందరగోళంగా ఉంది, బాణం ఫంక్షన్‌లను ఉపయోగించి దీన్ని చేయడానికి ఇక్కడ మంచి మార్గం ఉంది.

function Person(){
this.age = 0;
setInterval(() => {
this.age++; // Now you can use 'this' without a new variable declared
}, 1000);
}

అవి ఫంక్షన్‌లకు గొప్పవి అయితే, ఒక వస్తువు లోపల పద్ధతులను సృష్టించడానికి వాటిని ఉపయోగించకూడదు. బాణం ఫంక్షన్‌లు సరైన స్కోపింగ్‌ను ఉపయోగించవు

this

.

బాణం ఫంక్షన్‌ను ఉపయోగించి లోపల ఒక పద్ధతిని సృష్టించే ఒక సాధారణ వస్తువు ఇక్కడ ఉంది. పద్ధతి తగ్గించాలి టాపింగ్స్ పిలిచినప్పుడు వేరియబుల్. బదులుగా, ఇది అస్సలు పనిచేయదు.

విండోస్ 10 పనిచేయని కీబోర్డ్ సత్వరమార్గాలు

let pizza = {
toppings: 5,
removeToppings: () => {
this.toppings--;
}
}
//A pizza object with 5 toppings
>pizza
>>{toppings: 5, removeToppings: f}
pizza.removeToppings(); //The method will not do anything to the object
>pizza
>>{toppings: 5, removeToppings: f} //Still has 5 toppings


శ్రేణులతో పని చేస్తోంది

బాణం ఫంక్షన్లను ఉపయోగించి మీరు శ్రేణి పద్ధతులతో పని చేయడానికి ఉపయోగించే కోడ్‌ను సరళీకృతం చేయవచ్చు. శ్రేణులు మరియు శ్రేణి పద్ధతులు జావాస్క్రిప్ట్‌లో చాలా ముఖ్యమైన భాగాలు కాబట్టి మీరు వాటిని ఎక్కువగా ఉపయోగిస్తారు.

వంటి కొన్ని ఉపయోగకరమైన పద్ధతులు ఉన్నాయి మ్యాప్ పద్ధతి శ్రేణిలోని అన్ని అంశాలపై ఒక ఫంక్షన్‌ను అమలు చేస్తుంది మరియు కొత్త శ్రేణిని అందిస్తుంది.

let myArray = [1,2,3,4];
myArray.map(function(element){
return element + 1;
});
>> [2,3,4,5]

ఇది చాలా సరళమైన ఫంక్షన్, ఇది శ్రేణిలోని ప్రతి విలువకు ఒకదాన్ని జోడిస్తుంది. బాణం ఫంక్షన్‌ను ఉపయోగించడం ద్వారా మీరు అదే ఫంక్షన్‌ను తక్కువ కోడ్‌తో వ్రాయవచ్చు.

let myArray = [1,2,3,4];
myArray.map(element => {
return element + 1;
});
>> [2,3,4,5]

ఇప్పుడు చదవడం చాలా సులభం.

ఆబ్జెక్ట్ లిటరల్స్ సృష్టించడం

జావాస్క్రిప్ట్‌లో ఆబ్జెక్ట్ లిటరల్స్ సృష్టించడానికి బాణం ఫంక్షన్లను ఉపయోగించవచ్చు. రెగ్యులర్ ఫంక్షన్‌లు వాటిని సృష్టించగలవు, కానీ అవి కొంచెం పొడవుగా ఉంటాయి.

let createObject = function createName(first,last) {
return {
first: first,
last: last
};
};

తక్కువ కోడ్‌ని ఉపయోగించి బాణం ఫంక్షన్‌తో మీరు అదే వస్తువును తయారు చేయవచ్చు. బాణం సంజ్ఞామానం ఉపయోగించి మీరు ఫంక్షన్ బాడీని కుండలీకరణంలో చుట్టాలి. బాణం ఫంక్షన్లతో మెరుగైన వాక్యనిర్మాణం ఇక్కడ ఉంది.

let createArrowObject = (first,last) => ({first:first, last:last});

జావాస్క్రిప్ట్ బాణం విధులు మరియు దాటి

జావాస్క్రిప్ట్ బాణం విధులు డెవలపర్‌గా మీ జీవితాన్ని సులభతరం చేయడానికి మీకు ఇప్పుడు కొన్ని విభిన్న మార్గాలు తెలుసు. అవి వాక్యనిర్మాణాన్ని తగ్గిస్తాయి, మీకు మరింత నియంత్రణను ఇస్తాయి

this

, వస్తువులను సృష్టించడాన్ని సులభతరం చేయండి మరియు శ్రేణి పద్ధతులతో పని చేయడానికి మీకు కొత్త మార్గాన్ని అందించండి.

జావాస్క్రిప్ట్ ES6 లో అనేక ఇతర ఫీచర్లతో పాటు బాణం ఫంక్షన్‌ల పరిచయం వెబ్ డెవలప్‌మెంట్‌లో జావాస్క్రిప్ట్ ఎంత ముఖ్యమైందో చూపిస్తుంది. అయినప్పటికీ మీరు చేయగలిగేవి చాలా ఉన్నాయి.

జావాస్క్రిప్ట్ గురించి మరింత తెలుసుకోవాలనుకుంటున్నారా? ఈ జావాస్క్రిప్ట్ ఫ్రేమ్‌వర్క్‌లను నేర్చుకోండి. అదనంగా, మా జావాస్క్రిప్ట్ చీట్ షీట్ విలువైన సమాచారాన్ని అందిస్తుంది మరియు దీని గురించి మరింత నేర్చుకుంటుంది జావాస్క్రిప్ట్ ఎలా పనిచేస్తుంది మిమ్మల్ని మంచి డెవలపర్‌గా చేయవచ్చు.

షేర్ చేయండి షేర్ చేయండి ట్వీట్ ఇమెయిల్ 6 వినగల ప్రత్యామ్నాయాలు: ఉత్తమ ఉచిత లేదా చౌకైన ఆడియోబుక్ యాప్‌లు

మీరు ఆడియోబుక్‌ల కోసం చెల్లించడం ఇష్టపడకపోతే, వాటిని ఉచితంగా మరియు చట్టబద్ధంగా వినడానికి కొన్ని గొప్ప యాప్‌లు ఇక్కడ ఉన్నాయి.

తదుపరి చదవండి సంబంధిత అంశాలు

• ప్రోగ్రామింగ్
• జావాస్క్రిప్ట్

రచయిత గురుంచి ఆంథోనీ గ్రాంట్(40 కథనాలు ప్రచురించబడ్డాయి)

ఆంథోనీ గ్రాంట్ ప్రోగ్రామింగ్ మరియు సాఫ్ట్‌వేర్‌లను కవర్ చేసే ఒక ఫ్రీలాన్స్ రచయిత. అతను ప్రోగ్రామింగ్, ఎక్సెల్, సాఫ్ట్‌వేర్ మరియు టెక్నాలజీలో కంప్యూటర్ సైన్స్ ప్రధానమైనవాడు.

ఆంథోనీ గ్రాంట్ నుండి మరిన్ని

మా వార్తాలేఖకు సభ్యత్వాన్ని పొందండి

టెక్ చిట్కాలు, సమీక్షలు, ఉచిత ఈబుక్‌లు మరియు ప్రత్యేకమైన డీల్స్ కోసం మా వార్తాలేఖలో చేరండి!

సభ్యత్వం పొందడానికి ఇక్కడ క్లిక్ చేయండి