ସମସ୍ତ ପାଠ
ମଡ୍ୟୁଲ 1
ପାଠ 5

ଫଙ୍କସନ୍ସ (Functions)

ଶିକ୍ଷଣ ଉଦ୍ଦେଶ୍ୟ
ସମୟ: 30-45 ମିନିଟ୍
  • JavaScript ରେ ଫଙ୍କସନ୍ସ ଘୋଷଣା ଏବଂ ବ୍ୟବହାର କରିବା ଶିଖିବେ
  • ପାରାମିଟର ଏବଂ ରିଟର୍ନ ଭାଲ୍ୟୁ ବ୍ୟବହାର କରିବା ଶିଖିବେ
  • ଆରୋ ଫଙ୍କସନ୍ସ ଏବଂ ଫଙ୍କସନ ସ୍କୋପ ବୁଝିବେ
  • ପ୍ରାକ୍ଟିକାଲ୍ ଉଦାହରଣ ସହିତ ଫଙ୍କସନ୍ସ ଅଭ୍ୟାସ କରିବେ
ଆପଣଙ୍କ ଅଗ୍ରଗତି
0% ସମ୍ପୂର୍ଣ୍ଣ
ପାଠ୍ୟ ପଢ଼ିବା
କୋଡ୍ ଚଲାନ୍ତୁ
ଅଭ୍ୟାସ କରନ୍ତୁ
କୁଇଜ୍ ସମ୍ପୂର୍ଣ୍ଣ

ଫଙ୍କସନ୍ସ ପରିଚୟ

ଫଙ୍କସନ୍ସ ହେଉଛି କୋଡ୍ ବ୍ଲକ୍ ଯାହା ଏକ ନିର୍ଦ୍ଦିଷ୍ଟ କାର୍ଯ୍ୟ ସମ୍ପାଦନ କରିବା ପାଇଁ ଡିଜାଇନ୍ କରାଯାଇଛି। ସେମାନେ ଆପଣଙ୍କୁ କୋଡ୍ ପୁନଃବ୍ୟବହାର କରିବାକୁ, ଆପଣଙ୍କର ପ୍ରୋଗ୍ରାମକୁ ଛୋଟ ଛୋଟ, ପରିଚାଳନାଯୋଗ୍ୟ ଅଂଶରେ ବିଭକ୍ତ କରିବାକୁ ଏବଂ ଆପଣଙ୍କର କୋଡ୍ ଅଧିକ ସଂଗଠିତ ଏବଂ ରକ୍ଷଣାବେକ୍ଷଣ କରିବାକୁ ଅନୁମତି ଦିଅନ୍ତି।

ଫଙ୍କସନ୍ସର ଲାଭ

  • କୋଡ୍ ପୁନଃବ୍ୟବହାର: ଏକ ଫଙ୍କସନ ଲେଖନ୍ତୁ ଏବଂ ଏହାକୁ ଅନେକ ଥର ବ୍ୟବହାର କରନ୍ତୁ
  • ମଡୁଲାରିଟି: ଆପଣଙ୍କର ପ୍ରୋଗ୍ରାମକୁ ପରିଚାଳନାଯୋଗ୍ୟ ଅଂଶରେ ବିଭକ୍ତ କରନ୍ତୁ
  • ଆବଷ୍ଟ୍ରାକ୍ସନ: ଜଟିଳତାକୁ ଲୁଚାନ୍ତୁ ଏବଂ ଏକ ସରଳ ଇଣ୍ଟରଫେସ୍ ପ୍ରଦାନ କରନ୍ତୁ
  • ପରୀକ୍ଷଣଯୋଗ୍ୟତା: ଫଙ୍କସନ୍ସ ସ୍ୱତନ୍ତ୍ର ଭାବରେ ପରୀକ୍ଷା କରିବା ସହଜ
Function flow diagram

ଫଙ୍କସନ ଡିକ୍ଲାରେସନ ଏବଂ ଏକ୍ସପ୍ରେସନ

ଜାଭାସ୍କ୍ରିପ୍ଟରେ ଫଙ୍କସନ୍ସ ଘୋଷଣା କରିବାର ଅନେକ ଉପାୟ ଅଛି। ଦୁଇଟି ମୁଖ୍ୟ ପଦ୍ଧତି ହେଉଛି ଫଙ୍କସନ ଡିକ୍ଲାରେସନ ଏବଂ ଫଙ୍କସନ ଏକ୍ସପ୍ରେସନ।

ଫଙ୍କସନ ଡିକ୍ଲାରେସନ
ଫଙ୍କସନ ଡିକ୍ଲାରେସନ function କୀୱର୍ଡ ସହିତ ଆରମ୍ଭ ହୁଏ, ତାପରେ ଫଙ୍କସନ ନାମ ଏବଂ ପାରାମିଟର ତାଲିକା।
JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)
ଫଙ୍କସନ ଏକ୍ସପ୍ରେସନ
ଫଙ୍କସନ ଏକ୍ସପ୍ରେସନରେ, ଫଙ୍କସନକୁ ଏକ ଭେରିଏବଲରେ ସଂରକ୍ଷିତ କରାଯାଏ।
JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ହୋଇଷ୍ଟିଂ (Hoisting)

ଫଙ୍କସନ ଡିକ୍ଲାରେସନ ଏବଂ ଏକ୍ସପ୍ରେସନ ମଧ୍ୟରେ ଏକ ମୁଖ୍ୟ ପାର୍ଥକ୍ୟ ହେଉଛି ହୋଇଷ୍ଟିଂ। ଫଙ୍କସନ ଡିକ୍ଲାରେସନ ସମ୍ପୂର୍ଣ୍ଣ ଭାବରେ ହୋଇଷ୍ଟେଡ୍ ହୁଏ, ଯାହାର ଅର୍ଥ ଆପଣ ଏହାକୁ ଘୋଷଣା କରିବା ପୂର୍ବରୁ ଫଙ୍କସନକୁ କଲ୍ କରିପାରିବେ। ଫଙ୍କସନ ଏକ୍ସପ୍ରେସନ ହୋଇଷ୍ଟେଡ୍ ହୁଏ ନାହିଁ, ତେଣୁ ଆପଣ ଏହାକୁ ଘୋଷଣା କରିବା ପୂର୍ବରୁ ଏହାକୁ କଲ୍ କରିପାରିବେ ନାହିଁ।

ପାରାମିଟର ଏବଂ ଆର୍ଗୁମେଣ୍ଟ

ପାରାମିଟର ହେଉଛି ଫଙ୍କସନ ଡିକ୍ଲାରେସନରେ ଉଲ୍ଲେଖ କରାଯାଇଥିବା ଭେରିଏବଲ, ଯେତେବେଳେ ଆର୍ଗୁମେଣ୍ଟ ହେଉଛି ଫଙ୍କସନ କଲ୍ କରିବା ସମୟରେ ପଠାଯାଇଥିବା ମୂଲ୍ୟ।

ଡିଫଲ୍ଟ ପାରାମିଟର
ES6 ଠାରୁ, ଆପଣ ପାରାମିଟର ପାଇଁ ଡିଫଲ୍ଟ ମୂଲ୍ୟ ନିର୍ଦ୍ଦିଷ୍ଟ କରିପାରିବେ।
JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)
ରେଷ୍ଟ ପାରାମିଟର
ରେଷ୍ଟ ପାରାମିଟର ଆପଣଙ୍କୁ ଅନିର୍ଦ୍ଦିଷ୍ଟ ସଂଖ୍ୟକ ଆର୍ଗୁମେଣ୍ଟ ଗ୍ରହଣ କରିବାକୁ ଅନୁମତି ଦିଏ।
JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ରିଟର୍ନ ଭାଲ୍ୟୁ

ଫଙ୍କସନ୍ସ return ଷ୍ଟେଟମେଣ୍ଟ ବ୍ୟବହାର କରି ମୂଲ୍ୟ ଫେରାଇ ପାରିବେ। ଯଦି କୌଣସି return ଷ୍ଟେଟମେଣ୍ଟ ନାହିଁ, ଫଙ୍କସନ undefined ଫେରାଇବ।

ରିଟର୍ନ ଷ୍ଟେଟମେଣ୍ଟ
return ଷ୍ଟେଟମେଣ୍ଟ ଫଙ୍କସନର କାର୍ଯ୍ୟକୁ ସମାପ୍ତ କରେ ଏବଂ ଏକ ମୂଲ୍ୟ ଫେରାଇଦିଏ।
JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ଫଙ୍କସନ ସ୍କୋପ

ଫଙ୍କସନ ଭିତରେ ଘୋଷିତ ଭେରିଏବଲଗୁଡ଼ିକ ଫଙ୍କସନ ସ୍କୋପରେ ରହନ୍ତି, ଯାହାର ଅର୍ଥ ସେଗୁଡ଼ିକ କେବଳ ଫଙ୍କସନ ଭିତରେ ଉପଲବ୍ଧ।

ସ୍କୋପ ଉଦାହରଣ
ଗ୍ଲୋବାଲ୍ ଏବଂ ଲୋକାଲ୍ ସ୍କୋପ ମଧ୍ୟରେ ପାର୍ଥକ୍ୟ ଦେଖନ୍ତୁ।
JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ଆରୋ ଫଙ୍କସନ୍ସ

ES6 ଆରୋ ଫଙ୍କସନ୍ସ ପ୍ରବର୍ତ୍ତନ କଲା, ଯାହା ଫଙ୍କସନ୍ସ ଲେଖିବାର ଏକ ସଂକ୍ଷିପ୍ତ ଉପାୟ ପ୍ରଦାନ କରେ।

ଆରୋ ଫଙ୍କସନ ସିନ୍ଟାକ୍ସ
ଆରୋ ଫଙ୍କସନ୍ସ => ସିନ୍ଟାକ୍ସ ବ୍ୟବହାର କରନ୍ତି ଏବଂ ଇମ୍ପ୍ଲିସିଟ୍ ରିଟର୍ନ ସହାୟତା କରନ୍ତି।
JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ପ୍ରାକ୍ଟିକାଲ୍ ଆପ୍ଲିକେସନ୍ସ

ଫଙ୍କସନ୍ସ ଜାଭାସ୍କ୍ରିପ୍ଟରେ ଅନେକ ପ୍ରାକ୍ଟିକାଲ୍ ଆପ୍ଲିକେସନ୍ସ ଅଛି। ଏଠାରେ କିଛି ଉଦାହରଣ ଦିଆଯାଇଛି।

କ୍ୟାଲକୁଲେଟର ଫଙ୍କସନ
ଏକ ସରଳ କ୍ୟାଲକୁଲେଟର ଫଙ୍କସନ ଯାହା ବିଭିନ୍ନ ଗାଣିତିକ ଅପରେସନ୍ସ ସମ୍ପାଦନ କରିପାରେ।
JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ଫଙ୍କସନ୍ସ ଉଦାହରଣ

ନିମ୍ନଲିଖିତ ଉଦାହରଣଗୁଡ଼ିକ ବ୍ୟବହାର କରି ଫଙ୍କସନ୍ସ ସହିତ ଅଭ୍ୟାସ କରନ୍ତୁ। ଆପଣ କୋଡ୍ ପରିବର୍ତ୍ତନ କରିପାରିବେ ଏବଂ ଏହାର ଫଳାଫଳ ଦେଖିପାରିବେ।

ମୌଳିକ ଫଙ୍କସନ (Basic Function)

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ଫଙ୍କସନ ଏକ୍ସପ୍ରେସନ (Function Expression)

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ଆରୋ ଫଙ୍କସନ (Arrow Function)

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ଡିଫଲ୍ଟ ପାରାମିଟର (Default Parameters)

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ରେଷ୍ଟ ପାରାମିଟର (Rest Parameters)

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ସ୍କୋପ (Scope)

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ପ୍ରାକ୍ଟିକାଲ୍ ଉଦାହରଣ (Practical Example)

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ପରବର୍ତ୍ତୀ ପଦକ୍ଷେପ

ଏହି ପାଠରେ, ଆପଣ JavaScript ରେ ଫଙ୍କସନ୍ସ ବିଷୟରେ ଶିଖିଛନ୍ତି। ପରବର୍ତ୍ତୀ ପାଠରେ, ଆମେ ଆରେ ଏବଂ ଅବଜେକ୍ଟ ବିଷୟରେ ଶିଖିବା, ଯାହା JavaScript ରେ ଡାଟା ସଂରଚନା ପାଇଁ ଅତ୍ୟନ୍ତ ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ ଅଟେ।

ପରବର୍ତ୍ତୀ ପାଠ

6

ଆରେ ଏବଂ ଅବଜେକ୍ଟ

JavaScript ରେ ଡାଟା ସଂରଚନା ଏବଂ ଅବଜେକ୍ଟ ଓରିଏଣ୍ଟେଡ ପ୍ରୋଗ୍ରାମିଂ

ଆରମ୍ଭ କରନ୍ତୁ