জাভাস্ক্রিপ্ট অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং ল্যাঙ্গুয়েজ হওয়া সত্বেও জাভাস্ক্রিপ্ট এ ইএস৫ পর্যন্ত এই ক্লাস(Class) এর কোনো ধারনাই ছিলো না। যারা অন্যান্য প্রোগ্রামিং ল্যাঙ্গুয়েজ থেকে জাভাস্ক্রিপ্ট এ আসে, তারা এই জিনিসটা মিসিং থাকায় অনেক সময় কনফিউজড হয়ে যায় জাভাস্ক্রিপ্ট কি আসলেই অবজেক্ট ওরিয়েন্টের প্রোগ্রামিং ল্যাঙ্গুয়েজের মধ্যে পড়ে কিনা এ নিয়ে। কিন্তু আসল ব্যাপার হলো জাভাস্কিপ্টও অবজেক্ট ওরিয়েন্টেড ল্যাঙ্গুয়েজ, কিন্তু অন্যান্য মেজর ল্যাঙ্গুয়েজগুলোর মতো ক্লাস বেসড না, বরং প্রোটোটাইপ বেসড ল্যাঙ্গুয়েজ। আর তাই জাভাস্ক্রিপ্ট এ ইএস৫ পর্যন্ত এই ক্লাসের ধারণাই ছিলো না। কিন্তু ইএস৬ এ অবশেষে সিন্ট্যাক্টিক শুগ্যার হিসেবে ক্লাস লাগানো হয়েছে। তার মানে হচ্ছে এই ক্লাস আসলে কিছুই না, ফাংশন কন্সট্রাকটরেরই অন্যরকম […]

জাভাস্ক্রিপ্ট এর ইএস৬ এ মূলত সিনট্যাক্স ডিফারেন্স ছাড়া, বা সিন্ট্যাক্টিক শুগ্যার ছাড়া তেমন নতুন কিছু আমাদের চোখে এখনো পড়ে নি। কিন্তু এবার আমরা সম্পূর্ণ নতুন একটা জিনিস নিয়ে আলোচনা করবো। হ্যাঁ এই জিনিসটা ইএস৬ একদম সম্পূর্ণ নতুন অ্যাড করা হয়েছে। জাভাস্ক্রিপ্ট এর আগের কোন ভার্শনে এটার কোনো অস্তিত্বই ছিলো না। সেটা হচ্ছে ম্যাপ Map । এই ম্যাপ Map সেই ম্যাপ map ভেবে ভুল করবেন না। কারণ map হচ্ছে একটা মেথড। কিন্তু এখানে আজকে আমরা যে ম্যাপ Map নিয়ে কথা বলবো সেটা একটা ডাটা স্ট্রাকচার। নতুন পরিচয় করিয়ে দেওয়া হয়েছে ডেভেলপারদের সাথে জাভাস্ক্রিপ্ট এর ইএস৬ ভার্শনে। কিন্তু এটা অবজেক্ট টাইপ ডাটা […]

জাভাস্ক্রিপ্ট এর ইএস৬ এ রেস্ট প্যারামিটার আরেকটা ইউজফুল অ্যাডিশন। এর সাহায্যে আন্ডিফাইন্ড অ্যামাউন্ট প্যারামিটার পাস করা যায় একটা ফাংশনের ভিতর দিয়ে। আমরা যখন একটা ফাংশন প্যারামিটারসহ ডিফাইন করি তখন যদি সেখানে কয়টা আর্গুমেন্ট পাস করা হতে পারে সেটা অজানা থাকে, সে সিচুয়েশনে আমরা এই রেস্ট প্যারামিটার ইউজ করি বা ইএস৫ এর arguments অবজেক্ট ইউজ করি। জাভাস্ক্রিপ্ট ইএস৫ এর এই arguments  অবজেক্ট মূলত সেইম কাজই করতো, কিন্তু ইএস৬ এর এই রেস্ট প্যারামিটার একটু বেশীই স্মার্ট। রেস্ট প্যারামিটারে সেইম স্প্রেড অপারেটরের মতোই … এই তিনটা ডট ইউজ করা হয়। আর তাই এই তিনটা ডটের প্লেস দেখে আপনাকে বুঝতে হবে কখন এগুলো রেস্ট প্যারামিটারের জন্যে […]

স্প্রেড অপারেটর জাভাস্ক্রিপ্ট এর ইএস৬ এ আরেক স্মার্ট জিনিস। এটা অনেকেই ইউজ করতে চায় না জটিল জিনিস মনে করে। কিন্তু একটু খেয়াল করলে বা কয়েকবার ইউজ করার পর বুঝতে পারবেন এটা আসলে কতটুকু ইউজফুল। আর সত্যি কথা বললে এটাও একরকম সিন্ট্যাক্টিক শ্যুগার। স্প্রেড অপারেটরের আসল কাজ হচ্ছে কোনো পুনরাবৃত্তিমূলক ডাটাকে যেমন অ্যারে বা স্ট্রিং কে তাদের নিজের অবস্থানের মধ্যে ছড়িয়ে দেওয়া। ঠিক স্প্রেড এর বাংলা অর্থটা যেমন দাঁড়ায়। স্প্রেড অপারেটর আসলে এই … তিনটা ডট। এখন এই তিনটা ডট আবার অন্যকিছুর ক্ষেত্রেও হতে পারে যেটা আমরা সামনে আলোচনা করবো। এখন নিচে একটা উদাহরণ দিলে বুঝতে পারবেন স্প্রেড অপারেটর আসলে কি করছে। […]

অ্যারে জাভাস্ক্রিপ্ট এ নতুন কিছু নয়। কিন্তু ইএস৬ এ নতুন অ্যারের কিছু মেথড এসেছে। আগেই বলেছিলাম ইএস৬ এর কাজ হচ্ছে ডেভেলপারের লাইফ ইজি করে দেওয়া। আর তাই লাইফ ইজি করতেই নতুন কিছু পাওয়ারফুল মেথড এবং সেই সাথে টেকনিক এসেছে। আজকের পর্বে আমি সেগুলো নিয়েই আলোচনা করবো। জাভাস্ক্রিপ্ট এ অ্যারের মতো দেখতে আরেক ধরনের অবজেক্ট আছে নোডলিস্ট(nodeList) নামে। এখন এই নোডলিস্ট টাইপের অবজেক্ট দেখতে পুরো অ্যারের মতোই, এমনকি এটার অ্যারের মতো length প্রপার্টিও আছে। ডম ম্যানিপুলেশনের সময় আমাদের অনেকসময় এই নোডলিস্ট টাইপের অবজেক্ট এর সাথে কাজ করতে হয়। এরা দেখতে হুবহুব অ্যারের মতো হলেও অ্যারে আর নোডলিস্ট সম্পূর্ন দুইটা ভিন্ন জিনিস। […]

জাভাস্ক্রিপ্ট এর ইএস৬ বা পরের ভার্শনগুলো মূলত স্মার্ট প্রোগ্রামিং এর জন্যেই আসছে। এখানে আপনি ইএস৬ ইউজ করে আরো স্মার্ট হয়ে উঠবেন, সেই সাথে কম কোড, কম লেখায় বেশী কাজ করতে পারবেন। ডি-স্ট্রাকচারিং এর কাজটাও মূলত তাই। এটা নতুন কোনো ব্যাপার বা ফিচার না। বরং এটা একটা টেকনিক, স্মার্ট প্রোগ্রামিং, সিন্ট্যাক্টিক শ্যুগার। এখন এই ডি-স্ট্রাকচারিং এর মূল কাজ হচ্ছে একটা ডাটা স্ট্রাকচার যেমন অ্যারে বা অবজেক্ট এর মতো ডাটা স্ট্রাকচার থেকে ডাটা আলাদা আলাদা করে বের করে আনা। এখন এটা কিভাবে স্মার্ট হলো? হ্যাঁ সেটাই আমরা দেখবো আলাদা আলাদা করে ইএস৫ ও ইএস৬ এর উদাহরণ দিয়ে। ধরি আমাদের নিচে এই অ্যারেটা […]