Ashikuzzaman Moon

Ashikuzzaman Moon Contact information, map and directions, contact form, opening hours, services, ratings, photos, videos and announcements from Ashikuzzaman Moon, Web designer, Dhaka.

Full Stack Developer | React.js • Next.js • Node.js • TypeScript

Building fast, scalable & user-friendly web applications.
2+ years of experience in modern web development.

📍 Rajshahi, Bangladesh
💼 Open to Freelance & Collaboration

Day 10/100 (30 aug 26)"The morning sky today"
30/08/2026

Day 10/100 (30 aug 26)

"The morning sky today"

Day 9 complete
29/08/2026

Day 9 complete

💻 JavaScript এ Anonymous Function কী?JavaScript শেখার সময় আমরা সাধারণত এভাবে Function লিখি:function hello() { console.l...
29/08/2026

💻 JavaScript এ Anonymous Function কী?

JavaScript শেখার সময় আমরা সাধারণত এভাবে Function লিখি:

function hello() {
console.log(“Hello World”);
}

এখানে hello হলো function-এর নাম।

কিন্তু JavaScript-এ নাম ছাড়াও function তৈরি করা যায়। এটিই হলো Anonymous Function।

function () {
console.log(“Hello World”);
}

এখানে function-এর কোনো নাম নেই। তাই এটিকে বলা হয় Anonymous Function।

🤔 তাহলে Anonymous Function কোথায় ব্যবহার হয়?

সাধারণত যখন কোনো function-এর আলাদা করে নাম দেওয়ার প্রয়োজন হয় না, তখন Anonymous Function ব্যবহার করা হয়।

বিশেষ করে callback function হিসেবে এর ব্যবহার অনেক বেশি।

উদাহরণ:

setTimeout(function () {
console.log(“Hello World”);
}, 2000);

এখানে setTimeout()-এর ভিতরে আমরা একটি function পাঠিয়েছি, কিন্তু functionটির কোনো নাম নেই।

🔑 সহজভাবে মনে রাখুন:

Named Function:

function hello() {
console.log(“Hello”);
}

Anonymous Function:

function () {
console.log(“Hello”);
}

অর্থাৎ,

যে function-এর কোনো নাম থাকে না, সেটিই Anonymous Function।

আরেকটি গুরুত্বপূর্ণ বিষয় হলো, Anonymous Function সাধারণত সরাসরি standalone function হিসেবে ব্যবহার করা হয় না। এটি variable-এ assign করা, callback হিসেবে পাঠানো ইত্যাদি ক্ষেত্রে বেশি দেখা যায়।

JavaScript শেখার পথে ছোট ছোট concept পরিষ্কার করাই সবচেয়ে গুরুত্বপূর্ণ।
আজকের নোটে তাই Anonymous Function নিয়ে একটু practice করলাম। 🚀

100DaysOfCode LearnJavaScript DeveloperJourney MERNStack SoftwareDevelopment

আজকে day 8 ছিল। শেষ করতে অনেক কষ্ট হইছে। কোন রকমে শেষ করছি।
28/08/2026

আজকে day 8 ছিল। শেষ করতে অনেক কষ্ট হইছে। কোন রকমে শেষ করছি।

JavaScript-এর Function: ৪টি Syntax, ৪টি Approach 🚀JavaScript শেখার সময় function খুব basic একটা concept মনে হলেও, একটু গভ...
28/08/2026

JavaScript-এর Function: ৪টি Syntax, ৪টি Approach 🚀

JavaScript শেখার সময় function খুব basic একটা concept মনে হলেও, একটু গভীরে গেলে এর বিভিন্ন syntax এবং behavior নিয়ে বেশ কিছু interesting বিষয় সামনে আসে।

আজকের নোটে আমি চার ধরনের function নিয়ে পড়লাম:

1️⃣ Regular Function / Function Declaration

function hello() {
console.log(“Hello World”);
}

এটি সবচেয়ে traditional এবং বহুল ব্যবহৃত function syntax।

Function declaration হওয়ায় এটি hoisting-এর সুবিধা পায়।

2️⃣ Function Expression

const hello = function () {
console.log(“Hello World”);
};

এখানে function-কে একটি variable-এর মধ্যে রাখা হচ্ছে।

এটি function declaration থেকে গুরুত্বপূর্ণভাবে আলাদা, বিশেষ করে hoisting-এর ক্ষেত্রে।

3️⃣ Named Function Expression

const hello = function myFunc() {
console.log(“Hello World”);
};

Function expression-এর ভেতরেই একটি নাম দেওয়া হয়েছে।

এটি debugging এবং recursive function-এর মতো কিছু ক্ষেত্রে বেশ useful হতে পারে।

4️⃣ Arrow Function

const hello = () => {
console.log(“Hello World”);
};

Modern JavaScript-এ arrow function খুবই common।

বিশেষ করে ছোট callback বা concise function লেখার ক্ষেত্রে এটি অনেক সুবিধাজনক।

আরেকটি interesting বিষয় হলো, expression body ব্যবহার করলে implicit return করা যায়:

const add = (a, b) => a + b;

কিন্তু object return করতে হলে parentheses ব্যবহার করতে হয়:

const getUser = () => ({
name: “Moon”,
age: 25
});

কারণ:

() => ({ ... })

এখানে {} object literal, কিন্তু

() => { ... }

এখানে {} function body হিসেবে কাজ করে।

সবচেয়ে গুরুত্বপূর্ণ বিষয় হলো, কোন syntax কখন ব্যবহার করতে হবে সেটা বোঝা।

শুধু syntax মুখস্থ না করে আমি চেষ্টা করছি প্রতিটি concept-এর কেন, কীভাবে এবং কোথায় ব্যবহার হয় সেটা বুঝতে।

Keep learning. Keep building. 🚀

LearningInPublic DeveloperJourney ReactJS TypeScript Coding

JavaScript-এর Function: ৪টি Syntax, ৪টি Approach 🚀JavaScript শেখার সময় function খুব basic একটা concept মনে হলেও, একটু গভ...
28/08/2026

JavaScript-এর Function: ৪টি Syntax, ৪টি Approach 🚀

JavaScript শেখার সময় function খুব basic একটা concept মনে হলেও, একটু গভীরে গেলে এর বিভিন্ন syntax এবং behavior নিয়ে বেশ কিছু interesting বিষয় সামনে আসে।

আজকের নোটে আমি চার ধরনের function নিয়ে পড়লাম:

1️⃣ Regular Function / Function Declaration

function hello() {
console.log("Hello World");
}

এটি সবচেয়ে traditional এবং বহুল ব্যবহৃত function syntax।

Function declaration হওয়ায় এটি hoisting-এর সুবিধা পায়।

2️⃣ Function Expression

const hello = function () {
console.log("Hello World");
};

এখানে function-কে একটি variable-এর মধ্যে রাখা হচ্ছে।

এটি function declaration থেকে গুরুত্বপূর্ণভাবে আলাদা, বিশেষ করে hoisting-এর ক্ষেত্রে।

3️⃣ Named Function Expression

const hello = function myFunc() {
console.log("Hello World");
};

Function expression-এর ভেতরেই একটি নাম দেওয়া হয়েছে।

এটি debugging এবং recursive function-এর মতো কিছু ক্ষেত্রে বেশ useful হতে পারে।

4️⃣ Arrow Function

const hello = () => {
console.log("Hello World");
};

Modern JavaScript-এ arrow function খুবই common।

বিশেষ করে ছোট callback বা concise function লেখার ক্ষেত্রে এটি অনেক সুবিধাজনক।

আরেকটি interesting বিষয় হলো, expression body ব্যবহার করলে implicit return করা যায়:

const add = (a, b) => a + b;

কিন্তু object return করতে হলে parentheses ব্যবহার করতে হয়:

const getUser = () => ({
name: "Moon",
age: 25
});

কারণ:

() => ({ ... })

এখানে {} object literal, কিন্তু

() => { ... }

এখানে {} function body হিসেবে কাজ করে।

সবচেয়ে গুরুত্বপূর্ণ বিষয় হলো, কোন syntax কখন ব্যবহার করতে হবে সেটা বোঝা।

শুধু syntax মুখস্থ না করে আমি চেষ্টা করছি প্রতিটি concept-এর কেন, কীভাবে এবং কোথায় ব্যবহার হয় সেটা বুঝতে।

Keep learning. Keep building. 🚀

Day 8 - Fresh Start
27/08/2026

Day 8 - Fresh Start

৭ নাম্বার দিনের ৭ টা টাস্ক কমপ্লিট হলো।
27/08/2026

৭ নাম্বার দিনের ৭ টা টাস্ক কমপ্লিট হলো।

JavaScript Function: return না লিখলে কী হয়? 🤔JavaScript শেখার সময় একটা ছোট বিষয় অনেকের কাছেই confusing লাগে:একটি func...
27/08/2026

JavaScript Function: return না লিখলে কী হয়? 🤔

JavaScript শেখার সময় একটা ছোট বিষয় অনেকের কাছেই confusing লাগে:

একটি function-এর ভিতরে return না থাকলে কী return হয়?

চলুন ছোট একটা উদাহরণ দেখি 👇

function hello() {

console.log("Hello world");

}

let msg = hello();

console.log(msg);

এখানে hello() call করলে প্রথমে আমরা পাবো:

Hello world

কিন্তু msg-এর value কী হবে?

undefined

কারণ, JavaScript-এ কোনো function থেকে যদি আমরা explicitly কোনো value return না করি, তাহলে সেই function implicitly undefined return করে।

অর্থাৎ,

function hello() {

console.log("Hello world");

}

এখানে function-এর কাজ হলো "Hello world" console-এ দেখানো।

কিন্তু function থেকে কোনো value ফেরত পাঠানো হয়নি।

তাই:

let msg = hello();

console.log(msg);

এর output হবে:

Hello world

undefined

মনে রাখার সহজ নিয়ম 🧠

console.log() → কিছু দেখায়

return → function থেকে value বের করে দেয়

যেমন:

function hello() {

return "Hello world";

}

let msg = hello();

console.log(msg);

এবার output হবে:

Hello world

JavaScript-এর এমন ছোট ছোট concept পরিষ্কারভাবে বুঝতে পারলেই বড় সমস্যাগুলো solve করা অনেক সহজ হয়ে যায়। 🚀

Day 06/100 Complete
26/08/2026

Day 06/100 Complete

Address

Dhaka

Website

Alerts

Be the first to know and let us send you an email when Ashikuzzaman Moon posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Shortcuts

Share

Category