Some Useful JavaScript Shorthand Techniques

Some Useful JavaScript Shorthand Techniques

বর্তমান সময়ে JavaScript হলো বহুল ব্যবহিত এবং শক্তিশালী প্রোগ্রামিং ভাষা। যা ওয়েব ডেভেলপমেন্টে ব্যাপকভাবে ব্যবহৃত হয়। Frontend এর পাশাপাশি Backend ও JavaScript সমানভাবে ব্যবহার হচ্ছে। সাধারণত Frontend এবং Backend ডেভেলপমেন্ট এ আমাদের JavaScript ব্যবহার করতে হয়। আর এই কোডবেসগুলো সংক্ষিপ্ত এবং পঠনযোগ্য করা গুরুত্ব অপরিসীম। এই ধারাবাহিকতায় নিম্নে JavaScript এর উল্লেখযোগ্য কিছু কোডবেস এর Shorthand নিয়ে বিস্তারিত আলোচনা করবো। আশা করি আপনারা উপকৃত হবেন এবং পেইজটি শেয়ার করতে ভুলবেন না। তাহলে শুরু করা যাক –

Declaring Variables Of JavaScript:

// Longhand
let x;
let y;
let z = “Notesaid24”;


// Shorthand
let x, y, z = “Notesaid24”;

 

Assignment Operators of JavaScript:

// Longhand
let x = x + y
let x = x - y

// Shorthand
let x += y;
let x -= y;

 

Switch Case of JavaScript:

// Longhand

switch (processing) {
  case 1:
    doProcessing();
    break;
  case 2:
    doProcessingElse();
    break;
}

 

// Shorthand
const cases = {
  1: doProcessing,
  2: doProcessingElse,
};

 

Template Literals of JavaScript:

 

// Longhand
const name = 'Notesaid24';
const greeting = 'Welcome, ' + name + '!';


// Shorthand
const name = 'Notesaid24';
const greeting = `Welcome, ${name}!`;

 

Multiline Strings of JavaScript:

JavaScript সাধারণত Multiline স্ট্রিং লিখতে হলে Concatenation বা Escape Characters ব্যবহার করা হয়। আমরা Template Literals বা backtick (``) ব্যবহার করেও Multiline স্ট্রিং লিখতে পারি। যেমন –

 

// Longhand Concatenation
const stringOne = 'Notesaid24 provides best educational resources';
const stringTwo = ' notes and guide. Stay with us';
const multilineStringConcat = stringOne.concat(stringTwo)


// Longhand Escape Characters
const multilineStringEscafe = "Notesaid24 provides best educational resources \n  notes and guide. Stay with us";

 

// Shorthand Template Literals বা backtick (``)
const multilineStringTelplateLiterals = `Notesaid24 provides best educational resources Notes and guide. Stay with us`

 

If Presence:

 

// Longhand
if (isExist === true) {
Something Happened
}
 
// Shorthand
if (isExist) {
Something Happened
}

Arrow Functions:

 

// Longhand
function sayHello(name) {
  console.log('Hello', name);
}
 
// Shorthand
const sayHello = name => console.log('Hello', name);

 

Default Parameter Values:

জাভাস্ক্রিপ্ট ES6 ফাংশনের ক্ষেত্রে ডিফল্ট Parameter ব্যবহার করা যায়। ফাংশনের মধ্যে যদি কোনো আর্গুমেন্ট পাস না করা হয় বা Undefined থাকে তাহলে Fallback হিসেবে আপনি Default Parameter পাস করতে পারেন। যেমন –

// Longhand
function greeting(name) {
  if (name === undefined) {
    name = 'Guest';
  }
  console.log('Hello', name);
}
 
// Shorthand
const greeting = (name = 'Guest') => console.log('Hello', name);

 

Short Circuit Evaluation:

 

// Longhand
if (options && options.size && options.colour) {
  doSomething();
}
 
// Shorthand
options?.size?.colour && doSomething();

 

Optional Chaining:

 

// Longhand
const street = user && user.address && user.address.street;

// Shorthand
const street = user?.address?.street;

 

Nullish Coalescing Operator:

 

Nullish Coalescing Operator সাধারণত null & undefined ভ্যালু এর পরিবর্তে ডিফল্ট ভ্যালু ব্যবহার করা যায়। যেমনঃ

// Longhand
const value = someValue !== null && someValue !== undefined ? someValue : defaultValue;
// Shorthand
const value = someValue ?? defaultValue;

 

Logical Assignment Operators:

 

// Longhand
if (!enabled) {
  enabled = true;
}
 
// Shorthand
enabled ||= true;

 

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