ফাংশন (Function) | জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল

ফাংশন (Function)

সংক্ষিপ্ত অর্থে ফাংশন হচ্ছে কতগুলো স্টেটমেন্ট এর সমষ্টি বা ব্লক। যা একবার তৈরি করে সংক্ষিপ্তরূপে কল করে বারবার প্রোগ্রামের বিভিন্ন স্থানে প্রয়োজন অনুসারে ব্যবহার করা যায়। এতে করে প্রোগ্রামে কোডিং এর পরিমাণ হ্রাস পায়। তাছাড়া বিভিন্ন প্রোগ্রামের বিল্টইন ফাংশন সমূহ একজন প্রোগ্রামার শুধুমাত্র সরাসরি কলকরেই ব্যবহার করতে পারেন, এতে করে প্রোগ্রামিং অনেক সহজ হয়ে এসেছে। আমরা খুব সহজেই অল্প সময়ের মধ্যেই এই সকল বিল্ট ইন ফাংশন সমূহের কার্যকারীতা এবং ব্যবহার পদ্ধতি জেনে দক্ষ প্রোগ্রামার হয়ে উঠতে পারছি। এছাড়া একজন দক্ষ প্রোগ্রামার এর বিশেষ বৈশিষ্ট্য প্রকাশ পায় প্রোগ্রামের মধ্যে প্রয়োজনীয় ইউজার ডিফাইন্ড ফাংশন তৈরি এবং তার সঠিক প্রয়োগের উপর।

ফাংশন তৈরি

ফাংশন তৈরি করার জন্য প্রথমে function কিওয়ার্ড ব্যবহার করা হয়। তারপর ফাংশনের নাম লেখা হয় (যে নামের মাধ্যমে পরবর্তীতে ফাংশনটিকে কল করা হয়) এর পর ফাস্ট ব্রাকেট দিতে হয় । এবং যদি ফাংশনের এক বা একাধিক আর্গুমেন্ট বা প্যারামিটার থাকে তা ফাস্ট ব্রাকেট এর মধ্যে উল্লেখ করতে হয়। তারপর সেকেন্ড ব্রাকেট এর মধ্যে ফাংশনের মূল অংশ(যেখানে কার্য সম্পাদনের জন্য প্রয়োজনীয় স্টেটমেন্ট সমূহ থাকে) লেখা হয়। অর্থাৎ কোন ফাংশনের সিনট্যাক্স হচ্ছে 

function FunctionName(Argument1,Argument2)
{
Statement1
Statement2
…………..
}

ফাংশনকে প্রথমে তৈরি করতে হয় এবং তারপর কল করতে হয়। তাইজাভাস্ক্রিপ্টে ফাংশনকে সাধারণত ওয়েব পেজের <head></head> সেকশনের মধ্যেই তৈরি করা হয়, অথবা কোন এক্সটার্নাল জাভাস্ক্রিপ্ট ফাইলে তৈরি করা হয়

অনুশীলন প্রজেক্ট

<html>
<head>
<title> www.tutohost.com</title>
<style>
body{background: #FFC;
font-size:20px;}
h2{color:#FF0066;}
</style>

<script type = "text/javascript">
function AboutTutohost()
{
document.write("<h2>About Tutohost</h2>");
document.write("<p> We are relaibale Bangladeshi hosting provider. The world wide technical and support team is working for your best movement. We are dedicated with client requrement. You can host your huge data of your company with our secured and hacking proof server. We are taking care of more than 1000 bangladeshi websites and their huge information.</p>");
}
</script>

</head>
<body>
<script type = "text/javascript">
AboutTutohost();
</script>
</body>

</html>

একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।

প্রোগ্রাম বিশ্লেষণ

  • উপরের প্রোগ্রামটিতে <head></head> সেকশনের মধ্যে জাভাস্ক্রিপ্টের কোড অন্তর্ভূক্ত করার জন্য <script type = "text/javascript"></script> যুক্ত করা হয়েছে।
  • function AboutTutohost() এর মাধ্যমে প্রথমে ফাংশন তৈরির জন্য function কিওয়ার্ড ব্যবহার করা হয়েছে এবং AboutTutohost নামে ফাংশনটির নামকরণ করা হয়েছে।
  • { } সেকেন্ড ব্রাকেটের মধ্যে ফাংশনের মূল স্টেটমেন্ট সমূহ লেখা হয়েছে। এখানে দুইটি document.write(); এর মাধ্যমে একটা হেডিং এবং একটা প্যারাগ্রাফ তৈরি করা হয়েছে।
  • পরবর্তীতে <body></body> সেকশনের মধ্যে <script type = "text/javascript">AboutTutohost();</script> যুক্ত করা হয়েছে। এখানে AboutTutohost(); এর মাধ্যমে <head></head> সেকশনের মধ্যে ডিক্লেয়ার করা ফাংশনটিকে কল করা হয়েছে।
  • এই ফাংশনটি একটা সহজ সাধারণ ফাংশন যার কোন আর্গুমেন্ট নেই।এবং AboutTutohost() ফাংশনটি কোন ভ্যালু রিটার্ন করে না।

লেখকঃ অসীম কুমার
তিনি ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং এ লেখাপড়া করছেন। টিউটোরিয়ালবিডি ও বিজ্ঞানপ্রযুক্তি ব্লগে তিনি ইলেক্ট্রনিক্স সহ বিভিন্ন টেকনোলজি বিষয়ে লিখে থাকেন। বর্তমানে তিনি লেখাপড়ার পাশাপাশি টিউটোহোস্টে কর্মরত আছেন।

কপি রাইট © ২০১১-২০১২ সর্বস্বত্ত্ব সংরক্ষিত, টিউটরিয়ালবিডি, একটি টিউটো ওয়েবস প্রতিষ্ঠান.