আউটপুট কী হবে? — JavaScript কোড পড়ার অনুশীলন

(মাঝারি) একটি classic script-এ এই চার লাইন আছে। কী ছাপা হবে?

console.log("শুরু");
let x = 1;
let x = 2;
console.log(x);

• শুরু, তারপর SyntaxError
• শুরু · 2
• কিছুই ছাপা হয় না — SyntaxError: Identifier 'x' has already been declared
• শুরু, তারপর ReferenceError

(মাঝারি) একই function দুই পরিবেশে: (ক) ব্রাউজারের classic script, "use strict" ছাড়া; (খ) একই কোড, কিন্তু ফাইলের প্রথম লাইনে "use strict";. দুই ক্ষেত্রে কী ছাপা হবে?

function who() {
  return this === undefined ? "undefined" : typeof this;
}
console.log(who());

• object · object
• object · undefined
• undefined · object
• function · undefined

(সহজ) চারটি typeof — কী ছাপা হবে?

console.log(typeof null, typeof [], typeof function () {}, typeof undefined);

• null array function undefined
• object object function undefined
• object object object undefined
• undefined object function object

(সহজ) + বনাম অন্য অপারেটর — কী ছাপা হবে?

console.log(1 + "2", "3" - 1, "3" * "4", true + 1);

• 3 2 12 2
• 12 NaN 12 2
• 12 2 12 true1
• 12 2 12 2

(সহজ) বাঁ থেকে ডানে যোগ আর জোড়া — কী ছাপা হবে?

console.log(1 + 2 + "3", "1" + 2 + 3);

• 33 123
• 123 123
• 33 15
• 6 6

(মাঝারি) null, undefined আর NaN-এর তুলনা — কী ছাপা হবে?

console.log(null == 0, null >= 0, undefined == null, NaN == NaN);

• true true true false
• false false true false
• false true true false
• false true true true

(মাঝারি) array আর object-এ + — কী ছাপা হবে?

console.log(JSON.stringify([[] + [], [] + {}, [1, 2] + [3]]));

• [[],{},[1,2,3]]
• ["","[object Object]","1,23"]
• [0,"[object Object]","1,23"]
• ["","[object Object]","1,2,3"]

(সহজ) || বনাম ?? — কী ছাপা হবে?

console.log(0 || 5, 0 ?? 5, null ?? 5, undefined || null);

• 5 0 5 null
• 5 5 5 null
• true 0 5 false
• 5 0 5 undefined

(মাঝারি) optional chaining — কী ছাপা হবে?

const u = { profile: null };
console.log(u.profile?.name, u.settings?.theme ?? "light");
console.log(u.profile.name);

• undefined light · undefined
• প্রথম লাইনেই TypeError, কিছুই ছাপা হয় না
• undefined null · TypeError
• undefined light, তারপর TypeError: Cannot read properties of null (reading 'name')

(কঠিন) ঋণাত্মক শূন্য — কী ছাপা হবে?

const z = -0;
console.log(z === 0, Object.is(z, 0), 1 / z, String(z));

• false false -Infinity -0
• true false Infinity 0
• true false -Infinity 0
• true true -Infinity -0

(সহজ) দশমিক যোগ — কী ছাপা হবে?

console.log(0.1 + 0.2 === 0.3, (0.1 + 0.2).toFixed(2));

• true 0.30
• false 0.30
• false 0.30000000000000004
• false 0.3

(কঠিন) গোল করার তিনটি উপায় — কী ছাপা হবে?

console.log((1.005).toFixed(2), (2.5).toFixed(0), Math.round(-2.5));

• 1.00 3 -2
• 1.01 3 -3
• 1.00 2 -2
• 1.01 3 -2

(মাঝারি) parseInt বনাম Number — কী ছাপা হবে?

console.log(parseInt("08"), parseInt("12px"), parseInt("px12"), Number("12px"), parseInt(0.0000005));

• 0 12 NaN NaN 0
• 8 12 NaN 12 0
• 8 12 NaN NaN 5
• 8 12 12 NaN 0

(মাঝারি) BigInt — কী ছাপা হবে?

console.log(10n / 3n, typeof 10n);
console.log(10n + 1);

• 3.3333333333333335 bigint · 11
• 3n bigint · 11n
• 3n number · TypeError
• 3n bigint, তারপর TypeError: Cannot mix BigInt and other types, use explicit conversions

(মাঝারি) বাংলা আর emoji-র দৈর্ঘ্য — কী ছাপা হবে?

const s = "বাংলা";
console.log(s.length, "😀".length, [..."😀"].length);

• 3 1 1
• 5 2 1
• 5 2 2
• 15 4 1

(মাঝারি) slice, substring আর at — কী ছাপা হবে?

const t = "JavaScript";
console.log(t.slice(-6), t.substring(4, 0), t.at(-1));

• Script Java t
• Script (খালি) t
• JavaSc Java t
• Script Java undefined

(কঠিন) নিরাপদ পূর্ণসংখ্যার সীমা — কী ছাপা হবে?

console.log(2 ** 53 === 2 ** 53 + 1, 9007199254740993);

• false 9007199254740993
• true Infinity
• true 9007199254740992
• true 9007199254740993

(মাঝারি) NaN চেনা — কী ছাপা হবে?

console.log(typeof NaN, NaN === NaN, Number.isNaN("abc"), isNaN("abc"));

• NaN false false true
• number false true true
• number true false true
• number false false true

(মাঝারি) একটি বিখ্যাত ধাঁধা — কী ছাপা হবে?

console.log("b" + "a" + +"a" + "a");

• baaa
• baNaNa
• SyntaxError
• NaN

(মাঝারি) একই এক্সপ্রেশনে দুটি increment — কী ছাপা হবে?

let i = 1;
const r = i++ + ++i;
console.log(r, i);

• 4 3
• 5 3
• 4 2
• ফল নির্দিষ্ট নয় (engine-ভেদে আলাদা)

(সহজ) তুলনার শিকল — কী ছাপা হবে?

console.log(1 < 2 < 3, 3 > 2 > 1);

• true true
• false false
• true false
• TypeError

(মাঝারি) বাংলা অঙ্ক — কী ছাপা হবে?

console.log("৫" * 2, "5" * 2, Number("১২"));

• 10 10 12
• ৫৫ 10 ১২
• NaN NaN NaN
• NaN 10 NaN

(সহজ) ঘোষণার আগে var — কী ছাপা হবে?

console.log(a);
var a = 5;
console.log(a);

• ReferenceError
• undefined · 5
• 5 · 5
• null · 5

(মাঝারি) block-এর ভেতরে একই নাম — কী ছাপা হবে?

let b = 1;
{
  console.log(b);
  let b = 2;
}

• 1
• undefined
• SyntaxError: Identifier 'b' has already been declared
• ReferenceError: Cannot access 'b' before initialization

(মাঝারি) declaration বনাম expression — কী ছাপা হবে?

console.log(typeof f, typeof g);
function f() {}
var g = function () {};

• function undefined
• function function
• undefined undefined
• ReferenceError

(সহজ) break ছাড়া switch — কী ছাপা হবে?

const x = 2;
switch (x) {
  case 1: console.log("এক");
  case 2: console.log("দুই");
  case 3: console.log("তিন"); break;
  default: console.log("অন্য");
}

• দুই
• এক · দুই · তিন
• দুই · তিন
• দুই · তিন · অন্য

(মাঝারি) switch-এর তুলনা — কী ছাপা হবে?

switch ("1") {
  case 1: console.log("সংখ্যা ১"); break;
  default: console.log("default");
}

• সংখ্যা ১
• default
• TypeError
• কিছুই ছাপা হয় না

(মাঝারি) array-তে for…in আর for…of — কী ছাপা হবে?

const arr = [10, 20];
arr.extra = "x";
for (const k in arr) console.log(k);
for (const v of arr) console.log(v);

• 10 · 20 · 0 · 1
• 0 · 1 · 10 · 20
• 0 · 1 · extra · 10 · 20 · x
• 0 · 1 · extra · 10 · 20

(সহজ) const object — কী ছাপা হবে?

const o = { n: 1 };
o.n = 2;
console.log(o.n);
o = {};

• 2, তারপর TypeError: Assignment to constant variable.
• o.n = 2 লাইনেই TypeError, কিছুই ছাপা হয় না
• কিছুই ছাপা হয় না — SyntaxError
• 2, শেষ লাইনটি চুপচাপ উপেক্ষিত

(মাঝারি) default parameter কখন বসে — কী ছাপা হবে?

function f(a, b = a * 2) { return [a, b]; }
console.log(JSON.stringify([f(3), f(3, undefined), f(3, null)]));

• [[3,6],[3,null],[3,null]]
• [[3,6],[3,6],[3,6]]
• [[3,6],[3,6],[3,null]]
• ReferenceError: a is not defined

(কঠিন) function-এর length আর arguments — কী ছাপা হবে?

function g(a, b = 2, ...rest) {}
function h(a, b) { return arguments.length; }
console.log(g.length, h(1, 2, 3), h());

• 3 2 2
• 1 3 0
• 1 2 2
• 2 3 0

(মাঝারি) arrow function থেকে object — কী ছাপা হবে?

const mk = () => { name: "রিনা" };
console.log(mk());

• undefined
• { name: 'রিনা' }
• SyntaxError
• রিনা

(মাঝারি) return-এর পরে নতুন লাইন — কী ছাপা হবে?

function get() {
  return
  { ok: true };
}
console.log(get());

• { ok: true }
• SyntaxError
• null
• undefined

(কঠিন) function-এর ভেতরে একই নামের var — কী ছাপা হবে?

var n = 1;
function show() {
  console.log(n);
  var n = 2;
}
show();

• 1
• 2
• undefined
• ReferenceError

(মাঝারি) ঘোষণা ছাড়া মান বসানো — ব্রাউজারের classic script, "use strict" নেই। কী ছাপা হবে?

function setY() { y = 10; }
setY();
console.log(y, window.y);

• ReferenceError: y is not defined
• 10 10
• undefined undefined
• 10 undefined

(সহজ) continue আর break — কী ছাপা হবে?

for (let i = 0; i < 5; i++) {
  if (i === 1) continue;
  if (i === 3) break;
  console.log(i);
}

• 0 · 2
• 0 · 2 · 4
• 0 · 2 · 3
• 0

(কঠিন) map-এ সরাসরি parseInt — কী ছাপা হবে?

console.log(["1", "2", "3"].map(parseInt));

• [ 1, 2, 3 ]
• [ NaN, NaN, NaN ]
• [ 1, NaN, NaN ]
• [ 1, NaN, 11 ]

(সহজ) সংখ্যার array-তে খালি sort — কী ছাপা হবে?

console.log([10, 9, 1, 100].sort());

• [ 1, 10, 100, 9 ]
• [ 1, 9, 10, 100 ]
• [ 100, 10, 9, 1 ]
• [ 10, 9, 1, 100 ]

(মাঝারি) slice বনাম splice — কী ছাপা হবে?

const a = [1, 2, 3, 4, 5];
const s1 = a.slice(1, 3);
const s2 = a.splice(1, 3);
console.log(s1, s2, a);

• [ 2, 3 ] [ 2, 3 ] [ 1, 4, 5 ]
• [ 2, 3 ] [ 2, 3, 4 ] [ 1, 2, 3, 4, 5 ]
• [ 2, 3, 4 ] [ 2, 3, 4 ] [ 1, 5 ]
• [ 2, 3 ] [ 2, 3, 4 ] [ 1, 5 ]

(কঠিন) ফাঁকা ঘরওয়ালা array — কী ছাপা হবে?

const h = [1, , 3];
console.log(h.length, 1 in h, h.indexOf(undefined), h.includes(undefined));

• 2 false -1 false
• 3 false -1 true
• 3 true 1 true
• 3 false -1 false

(মাঝারি) reference আর spread কপি — কী ছাপা হবে?

const a = { n: 1 };
const b = a;
b.n = 2;
const c = { ...a };
c.n = 3;
console.log(a.n, b.n, c.n, a === b, a === c);

• 2 2 3 true false
• 1 2 3 false false
• 3 3 3 true true
• 2 2 3 true true

(মাঝারি) nested array-সহ spread কপি — কী ছাপা হবে?

const orig = { name: "রিনা", tags: ["js"] };
const copy = { ...orig };
copy.name = "মিনা";
copy.tags.push("node");
console.log(orig.name, orig.tags.length);

• মিনা 2
• রিনা 1
• রিনা 2
• মিনা 1

(মাঝারি) destructuring-এর default — কী ছাপা হবে?

const { a = 1, b = 2 } = { a: undefined, b: null };
console.log(a, b);

• 1 2
• 1 null
• undefined null
• 1 2 — দুটিই default, কারণ null আর undefined সমান

(মাঝারি) spread-এর ক্রম — কী ছাপা হবে?

const o = { x: 1, ...{ x: 2, y: 3 }, y: 4 };
console.log(o);

• { x: 1, y: 4 }
• { x: 2, y: 3 }
• { x: 1, x: 2, y: 3, y: 4 }
• { x: 2, y: 4 }

(মাঝারি) swap আর string-এ rest — কী ছাপা হবে?

let p = 1, q = 2;
[p, q] = [q, p];
const [first, ...others] = "abc";
console.log(p, q, first, others);

• 2 1 a [ 'b', 'c' ]
• 2 2 a [ 'b', 'c' ]
• 2 1 a bc
• TypeError: "abc" is not iterable

(মাঝারি) Map বনাম object-এর key — কী ছাপা হবে?

const m = new Map();
m.set(1, "সংখ্যা");
m.set("1", "লেখা");
const o = {};
o[1] = "সংখ্যা";
o["1"] = "লেখা";
console.log(m.size, Object.keys(o).length, m.get(1));

• 1 1 লেখা
• 2 2 সংখ্যা
• 2 1 সংখ্যা
• 2 1 লেখা

(মাঝারি) Set-এর আকার — কী ছাপা হবে?

const s = new Set([1, "1", 1, NaN, NaN, {}, {}]);
console.log(s.size);

• 6
• 5
• 4
• 3

(কঠিন) JSON.stringify কী বাদ দেয় — কী ছাপা হবে?

console.log(JSON.stringify({ a: undefined, b: () => 1, c: NaN, d: new Date(0), e: [undefined] }));

• {"a":undefined,"b":"() => 1","c":NaN,"d":"1970-01-01T00:00:00.000Z","e":[undefined]}
• {"c":null,"e":[null]}
• {"c":null,"d":"1970-01-01T00:00:00.000Z","e":[]}
• {"c":null,"d":"1970-01-01T00:00:00.000Z","e":[null]}

(কঠিন) মাস শূন্য থেকে — কী ছাপা হবে?

const d = new Date(2024, 0, 31);
d.setMonth(1);
console.log(d.getMonth(), d.getDate());

• 2 2
• 1 29
• 1 31
• Invalid Date

(মাঝারি) object-এর key-এর ক্রম — কী ছাপা হবে?

const o = { b: 1, 2: "x", a: 2, 1: "y" };
console.log(Object.keys(o));

• [ 'b', '2', 'a', '1' ]
• [ '1', '2', 'a', 'b' ]
• [ '1', '2', 'b', 'a' ]
• [ 1, 2, 'b', 'a' ]

(মাঝারি) length বদলানো — কী ছাপা হবে?

const a = [1, 2, 3];
a.length = 1;
a[3] = 4;
console.log(a.length, JSON.stringify(a));

• 4 [1,2,3,4]
• 4 [1,null,null,4]
• 2 [1,4]
• 4 [1,4]

(মাঝারি) reduce আর খালি array — কী ছাপা হবে?

console.log([1, 2, 3].reduce((s, x) => s + x));
console.log([].reduce((s, x) => s + x));

• 6 · 0
• 6 · undefined
• প্রথম লাইনেই TypeError
• 6, তারপর TypeError: Reduce of empty array with no initial value

(মাঝারি) toSorted বনাম sort — কী ছাপা হবে?

const a = [3, 1, 2];
const b = a.toSorted();
const c = a.sort();
console.log(a === b, a === c);

• false true
• false false
• true true
• true false

(মাঝারি) structuredClone কী কপি করতে পারে না — কী ছাপা হবে?

try {
  structuredClone({ f() {} });
} catch (e) {
  console.log(e.name, e instanceof DOMException);
}
const c = structuredClone({ d: new Date(0), m: new Map([[1, 2]]) });
console.log(c.d instanceof Date, c.m.get(1));

• true 2 (প্রথম অংশে কিছু ছাপা হয় না)
• TypeError false · true 2
• DataCloneError true · true 2
• DataCloneError true · false undefined

(মাঝারি) লুপে var আর setTimeout — কী ছাপা হবে?

for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 0);
}

• 0 · 1 · 2
• 3 · 3 · 3
• 2 · 2 · 2
• 0 · 1 · 2, কারণ delay 0

(সহজ) দুটি counter — কী ছাপা হবে?

function makeCounter() {
  let c = 0;
  return () => ++c;
}
const a = makeCounter(), b = makeCounter();
a(); a();
console.log(a(), b());

• 3 4
• 2 0
• 1 1
• 3 1

(কঠিন) class-এর method আলাদা করে ডাকা — কী ছাপা হবে?

class Btn {
  constructor() { this.label = "OK"; }
  show() { return this.label; }
}
const btn = new Btn();
const fn = btn.show;
console.log(btn.show(), fn());

• কিছুই ছাপা হয় না — TypeError: Cannot read properties of undefined (reading 'label')
• OK, তারপর TypeError
• OK OK
• OK undefined

(মাঝারি) method-এর ভেতরে arrow আর সাধারণ function — ফাইলের শুরুতে "use strict"; আছে। কী ছাপা হবে?

"use strict";
const user = {
  name: "রাফি",
  greet() {
    const inner = () => this.name;
    function plain() { return this === undefined ? "undefined" : "অন্য কিছু"; }
    return inner() + " " + plain();
  },
};
console.log(user.greet());

• রাফি রাফি
• undefined undefined
• রাফি undefined
• রাফি অন্য কিছু

(কঠিন) bind করা function-এ call আর আবার bind — কী ছাপা হবে?

function who() { return this.n; }
const a = { n: "a" }, b = { n: "b" };
const bound = who.bind(a);
console.log(bound.call(b), bound.bind(b)(), who.call(b));

• b b b
• a a b
• a b b
• a a a

(কঠিন) bind করা constructor-এ new — কী ছাপা হবে?

function P(x) { this.x = x; }
const BP = P.bind({ x: "bound" }, 1);
const o = new BP();
console.log(o.x, o instanceof P);

• bound true
• undefined true
• 1 false
• 1 true

(মাঝারি) prototype থেকে পাওয়া property — কী ছাপা হবে?

const base = { greet: "হ্যালো", list: [] };
const child = Object.create(base);
child.greet = "সালাম";
child.list.push(1);
console.log(base.greet, base.list.length, Object.hasOwn(child, "list"));

• হ্যালো 1 false
• সালাম 1 false
• হ্যালো 0 true
• হ্যালো 1 true

(মাঝারি) subclass constructor-এ super-এর আগে ও পরে — কী ছাপা হবে?

class A {
  constructor() { console.log("A", this.constructor.name); }
}
class B extends A {
  constructor() {
    console.log("B শুরু");
    super();
    console.log("B শেষ");
  }
}
new B();

• A A · B শুরু · B শেষ
• B শুরু · A A · B শেষ
• B শুরু · A B · B শেষ
• ReferenceError — super()-এর আগে কোনো কোড চলতে পারে না

(কঠিন) base constructor থেকে override করা method — কী ছাপা হবে?

class Base {
  constructor() { console.log(this.describe()); }
  describe() { return "base"; }
}
class Child extends Base {
  name = "child";
  describe() { return "I am " + this.name; }
}
new Child();

• base
• I am undefined
• I am child
• ReferenceError

(মাঝারি) private field — কী ছাপা হবে?

class Wallet {
  #taka = 100;
  static has(o) { return #taka in o; }
  get taka() { return this.#taka; }
}
const w = new Wallet();
console.log(w.taka, w["#taka"], Wallet.has(w), Wallet.has({}));

• 100 100 true false
• 100 undefined true, তারপর TypeError
• undefined undefined true false
• 100 undefined true false

(কঠিন) static field আর argument-এর ক্রম — কী ছাপা হবে?

class C {
  static count = 0;
  constructor() { C.count++; }
}
new C(); new C();
console.log(C.count, new C().count, C.count);

• 2 undefined 3
• 3 undefined 3
• 2 3 3
• 2 0 3

(কঠিন) generator-এ next(value) — কী ছাপা হবে?

function* g() {
  const x = yield 1;
  console.log("x =", x);
  yield x * 2;
  return 99;
}
const it = g();
console.log(it.next("প্রথম").value);
console.log(it.next(5).value);
console.log(it.next().value, it.next().done);

• 1 · x = প্রথম · NaN · 99 true
• 1 · x = 5 · 10 · undefined true
• 1 · x = 5 · 10 · 99 true
• x = undefined · 1 · NaN · 99 true

(মাঝারি) generator-এ spread আর return — কী ছাপা হবে?

function* g() { yield 1; yield 2; return 3; }
console.log([...g()]);

• [ 1, 2, 3 ]
• [ 1, 2 ]
• [ Object [Generator] {} ]
• [ 3 ]

(মাঝারি) Symbol key — কী ছাপা হবে?

const id = Symbol("id");
const o = { [id]: 1, name: "x" };
console.log(Object.keys(o).length, JSON.stringify(o), o[id], Symbol("a") === Symbol("a"), Symbol.for("a") === Symbol.for("a"));

• 2 {"name":"x","id":1} 1 false true
• 1 {"name":"x"} 1 true true
• 1 {"name":"x"} undefined false true
• 1 {"name":"x"} 1 false true

(কঠিন) Proxy-র get trap — কী ছাপা হবে?

const p = new Proxy({ a: 1 }, {
  get: (t, k) => (k in t ? t[k] : `নেই: ${String(k)}`),
});
console.log(p.a, p.b, "b" in p);

• 1 নেই: b false
• 1 নেই: b true
• 1 undefined false
• TypeError — proxy invariant ভাঙা

(কঠিন) finally-তে return — কী ছাপা হবে?

function f() {
  try { return "try"; } finally { console.log("finally চলল"); }
}
function g() {
  try { throw new Error("x"); }
  catch (e) { return "catch"; }
  finally { return "finally"; }
}
console.log(f());
console.log(g());

• try · finally চলল · catch
• finally চলল · try · catch
• finally চলল · try · finally
• try · finally

(কঠিন) g flag-ওয়ালা regex দিয়ে বারবার test — কী ছাপা হবে?

const re = /a/g;
console.log(re.test("a"), re.test("a"), re.test("a"));

• true true true
• true false true
• true false false
• false true false

(মাঝারি) custom error — কী ছাপা হবে?

class AppError extends Error {
  constructor(m) { super(m); this.name = "AppError"; }
}
try {
  throw new AppError("ভুল");
} catch (e) {
  console.log(e.name, e.message, e instanceof Error, String(e));
}

• Error ভুল true Error: ভুল
• AppError ভুল false AppError: ভুল
• AppError ভুল true ভুল
• AppError ভুল true AppError: ভুল

(মাঝারি) replace, replaceAll আর capture group — কী ছাপা হবে?

console.log("a-b-c".replace("-", "+"), "a-b-c".replaceAll("-", "+"), "2024-01-31".match(/(\d+)-(\d+)/)[2]);

• a+b-c a+b+c 01
• a+b+c a+b+c 01
• a+b-c a+b+c 1
• a+b-c a+b+c 2024-01

(মাঝারি) compose আর reduceRight — কী ছাপা হবে?

const compose = (...fns) => (x) => fns.reduceRight((v, f) => f(v), x);
const inc = (x) => x + 1;
const dbl = (x) => x * 2;
console.log(compose(inc, dbl)(5), compose(dbl, inc)(5));

• 12 11
• 11 11
• 11 12
• NaN NaN

(সহজ) সবচেয়ে পরিচিত ক্রমের প্রশ্ন — কী ছাপা হবে?

console.log(1);
setTimeout(() => console.log(2), 0);
Promise.resolve().then(() => console.log(3));
console.log(4);

• 1 · 2 · 3 · 4
• 1 · 4 · 2 · 3
• 1 · 4 · 3 · 2
• 1 · 3 · 4 · 2

(মাঝারি) async function-এর sync অংশ — কী ছাপা হবে?

async function f() {
  console.log("B");
  await null;
  console.log("D");
}
console.log("A");
f();
console.log("C");

• A · B · C · D
• A · C · B · D
• A · B · D · C
• TypeError: await-এর জন্য Promise লাগবে

(কঠিন) দুটি then-শিকল পাশাপাশি — কী ছাপা হবে?

Promise.resolve().then(() => console.log(1)).then(() => console.log(2));
Promise.resolve().then(() => console.log(3)).then(() => console.log(4));

• 1 · 2 · 3 · 4
• 1 · 3 · 2 · 4
• 3 · 1 · 4 · 2
• ক্রম নিশ্চিত নয়

(কঠিন) then থেকে Promise ফেরত দেওয়া — কী ছাপা হবে?

Promise.resolve()
  .then(() => { console.log("a"); return Promise.resolve("b"); })
  .then((v) => console.log(v));
Promise.resolve()
  .then(() => console.log(1)).then(() => console.log(2))
  .then(() => console.log(3)).then(() => console.log(4));

• a · b · 1 · 2 · 3 · 4
• a · 1 · b · 2 · 3 · 4
• 1 · a · 2 · 3 · 4 · b
• a · 1 · 2 · 3 · b · 4

(মাঝারি) task-এর ভেতরে microtask — কী ছাপা হবে?

setTimeout(() => {
  console.log("T1");
  Promise.resolve().then(() => console.log("M1"));
}, 0);
setTimeout(() => console.log("T2"), 0);

• T1 · M1 · T2
• T1 · T2 · M1
• M1 · T1 · T2
• T1 আর T2-এর ক্রম নিশ্চিত নয়

(মাঝারি) executor আর একাধিক resolve — কী ছাপা হবে?

const p = new Promise((res, rej) => {
  console.log("x");
  res(1);
  res(2);
  rej(new Error("no"));
  console.log("y");
});
p.then((v) => console.log(v));
console.log("z");

• x · z · 1
• x · y · z · 2
• x · y · z · 1
• x · y · z, তারপর Uncaught Error: no

(সহজ) Promise.all-এর ফলের ক্রম — কী ছাপা হবে?

const wait = (ms, v) => new Promise((res) => setTimeout(() => res(v), ms));
Promise.all([wait(30, "ক"), wait(10, "খ")]).then((v) => console.log(v));

• [ 'খ', 'ক' ]
• [ 'ক', 'খ' ]
• খ
• খ · ক

(কঠিন) race বনাম any — কী ছাপা হবে?

const wait = (ms, v, fail) =>
  new Promise((res, rej) => setTimeout(() => (fail ? rej(new Error(v)) : res(v)), ms));
Promise.race([wait(20, "ধীর"), wait(10, "ভুল", true)])
  .then((v) => console.log("race ok:", v), (e) => console.log("race:", e.message));
Promise.any([wait(20, "ধীর"), wait(10, "ভুল", true)])
  .then((v) => console.log("any:", v));

• race ok: ধীর · any: ধীর
• race: ভুল, তারপর AggregateError
• any: ধীর · race: ভুল
• race: ভুল · any: ধীর

(মাঝারি) allSettled-এর ফল — কী ছাপা হবে?

Promise.allSettled([Promise.resolve(1), Promise.reject(new Error("x"))])
  .then((r) => console.log(r.map((s) => s.status).join(), r[1].reason.message));

• fulfilled,rejected x
• resolved,rejected x
• Uncaught (in promise) Error: x
• fulfilled,rejected undefined

(মাঝারি) try/catch আর timer-এর ভেতরের error — কী ঘটবে?

try {
  setTimeout(() => { throw new Error("পরে"); }, 0);
} catch (e) {
  console.log("ধরা পড়েছে");
}
console.log("শেষ");

• ধরা পড়েছে · শেষ
• ধরা পড়েছে, তারপর শেষ আর error
• শেষ, তারপর Uncaught Error: পরে
• শুধু Uncaught Error: পরে — শেষ ছাপা হয় না

(মাঝারি) forEach-এর ভেতরে await — কী ছাপা হবে?

[1, 2, 3].forEach(async (n) => {
  await null;
  console.log(n);
});
console.log("লুপ শেষ");

• 1 · 2 · 3 · লুপ শেষ
• লুপ শেষ · 1 · 2 · 3
• লুপ শেষ · 3 · 2 · 1
• TypeError

(মাঝারি) async function কী ফেরত দেয় — কী ছাপা হবে?

async function f() { return 1; }
const r = f();
console.log(r instanceof Promise, typeof r);
r.then((v) => console.log(v));

• false number · 1
• true promise · 1
• true object · Promise { 1 }
• true object · 1

(মাঝারি) catch, finally আর then — কী ছাপা হবে?

Promise.reject(new Error("x"))
  .catch(() => "সামলানো")
  .finally(() => "ফেলে দেওয়া")
  .then((v) => console.log(v));

• সামলানো
• ফেলে দেওয়া
• কিছুই ছাপা হয় না, শিকল এখনো rejected
• Error: x

(মাঝারি) Response আর text() — কী ছাপা হবে?

const res = new Response("abc");
console.log(res.ok, res.status);
res.text().then((t) => console.log(t));
console.log("আগে");

• true 200 · abc · আগে
• false 0 · আগে · abc
• true 200 · আগে · abc
• ReferenceError: Response is not defined

(মাঝারি) debounce — কী ছাপা হবে?

function debounce(fn, ms) {
  let t;
  return (...args) => { clearTimeout(t); t = setTimeout(() => fn(...args), ms); };
}
const log = debounce((v) => console.log(v), 50);
log(1); log(2);
setTimeout(() => log(3), 10);

• 1 · 2 · 3
• 3
• 1
• কিছুই ছাপা হয় না

(মাঝারি) AbortController দুবার abort — কী ছাপা হবে?

const c = new AbortController();
c.signal.addEventListener("abort", () => console.log("abort ঘটনা"));
c.abort();
c.abort();
console.log(c.signal.aborted, c.signal.reason.name);

• abort ঘটনা · abort ঘটনা · true AbortError
• true AbortError · abort ঘটনা
• abort ঘটনা · true undefined
• abort ঘটনা · true AbortError

(কঠিন) সব কিছু একসাথে — কী ছাপা হবে?

console.log(1);
setTimeout(() => console.log(2));
queueMicrotask(() => console.log(3));
(async () => { console.log(4); await undefined; console.log(5); })();
Promise.resolve().then(() => console.log(6));
console.log(7);

• 1 · 7 · 4 · 3 · 5 · 6 · 2
• 1 · 4 · 7 · 6 · 3 · 5 · 2
• 1 · 4 · 7 · 3 · 5 · 6 · 2
• 1 · 4 · 7 · 2 · 3 · 5 · 6

(সহজ) bubbling-এর ক্রম — কী ছাপা হবে?

// <div id="outer"><button id="btn">চাপুন</button></div>
const outer = document.querySelector("#outer");
const btn = document.querySelector("#btn");
outer.addEventListener("click", () => console.log("outer"));
btn.addEventListener("click", () => console.log("btn"));
document.addEventListener("click", () => console.log("document"));
btn.click();

• outer · btn · document
• btn · outer · document
• document · outer · btn
• btn

(মাঝারি) capture আর bubble একসাথে — কী ছাপা হবে?

// <div id="outer"><button id="btn">চাপুন</button></div>
document.addEventListener("click", () => console.log("document"));
outer.addEventListener("click", () => console.log("outer bubble"));
outer.addEventListener("click", () => console.log("outer capture"), true);
btn.addEventListener("click", () => console.log("btn"));
btn.click();

• document · outer bubble · outer capture · btn
• btn · outer capture · outer bubble · document
• document · outer capture · btn · outer bubble
• outer capture · btn · outer bubble · document

(মাঝারি) target বনাম currentTarget — কী ছাপা হবে?

// <div id="outer"><button id="btn">চাপুন</button></div>
outer.addEventListener("click", (e) => {
  console.log(e.target.id, e.currentTarget.id, e.eventPhase);
});
btn.click();

• btn outer 3
• btn btn 2
• outer outer 3
• btn outer 1

(মাঝারি) stopPropagation — কী ছাপা হবে?

// <div id="outer"><button id="btn">চাপুন</button></div>
btn.addEventListener("click", (e) => { console.log("১"); e.stopPropagation(); });
btn.addEventListener("click", () => console.log("২"));
outer.addEventListener("click", () => console.log("৩"));
btn.click();

• ১
• ১ · ২ · ৩
• ১ · ২
• ২ · ১

(মাঝারি) event delegation আর closest — কী ছাপা হবে?

// <ul id="list"><li data-id="7"><span>আম</span></li></ul>
const list = document.querySelector("#list");
list.addEventListener("click", (e) => {
  const li = e.target.closest("li");
  console.log(e.target.tagName, li.dataset.id);
});
list.querySelector("span").click();

• LI 7
• SPAN 7
• span 7
• SPAN undefined

(মাঝারি) dispatchEvent কি sync? — কী ছাপা হবে?

// <button id="btn">চাপুন</button>
btn.addEventListener("ping", () => console.log("ping পেল"));
console.log("আগে");
btn.dispatchEvent(new Event("ping"));
console.log("পরে");

• আগে · পরে · ping পেল
• আগে · পরে
• ping পেল · আগে · পরে
• আগে · ping পেল · পরে

(কঠিন) CustomEvent কি bubble করে? — কী ছাপা হবে?

// <div id="outer"><button id="btn">চাপুন</button></div>
outer.addEventListener("hello", () => console.log("outer শুনল"));
btn.dispatchEvent(new CustomEvent("hello", { detail: 1 }));
btn.dispatchEvent(new CustomEvent("hello", { bubbles: true }));

• outer শুনল (একবার)
• outer শুনল · outer শুনল
• কিছুই ছাপা হয় না
• TypeError — detail ছাড়া CustomEvent তৈরি করা যায় না

(মাঝারি) live বনাম static তালিকা — কী ছাপা হবে?

// <ul id="list"><li>এক</li></ul>
const live = document.getElementsByTagName("li");
const fixed = document.querySelectorAll("li");
list.append(document.createElement("li"));
console.log(live.length, fixed.length);

• 2 2
• 1 1
• 2 1
• 1 2

(মাঝারি) textContent-এ HTML — কী ছাপা হবে?

// <p id="msg"></p>
msg.textContent = "<b>হাই</b>";
console.log(msg.children.length, msg.innerHTML);

• 1 <b>হাই</b>
• 0 <b>হাই</b>
• 1 হাই
• 0 (খালি)

(মাঝারি) handler-এর ভেতরে this — classic script, strict mode নেই। কী ছাপা হবে?

// <div id="outer"><button id="btn">চাপুন</button></div>
outer.addEventListener("click", function (e) { console.log(this.id, this === e.currentTarget); });
outer.addEventListener("click", (e) => console.log(this === window));
btn.click();

• btn false · true
• outer true · false
• undefined false · true
• outer true · true

(মাঝারি) number input-এর মান — কী ছাপা হবে?

// <input id="qty" type="number" value="5">
const qty = document.querySelector("#qty");
console.log(typeof qty.value, qty.value + 1, qty.valueAsNumber + 1);

• string 51 6
• number 6 6
• string 51 51
• string 1 NaN

(মাঝারি) localStorage-এ সংখ্যা আর object — একটি সাধারণ ওয়েবসাইটের পাতায় চালানো হলো। কী ছাপা হবে?

localStorage.setItem("n", 5);
localStorage.setItem("o", { a: 1 });
const n = localStorage.getItem("n");
console.log(typeof n, n + 1, localStorage.getItem("o"));

• number 6 { a: 1 }
• string 51 {"a":1}
• string 51 [object Object]
• TypeError — শুধু string রাখা যায়

(কঠিন) ES module বনাম CommonJS-এর export — কী ছাপা হবে?

// counter.mjs
export let count = 0;
export function inc() { count++; }
// main.mjs
import { count, inc } from "./counter.mjs";
inc(); inc();
console.log(count);

// counter.cjs
let count = 0;
function inc() { count++; }
module.exports = { count, inc };
// main.cjs
const { count, inc } = require("./counter.cjs");
inc(); inc();
console.log(count);

• 2 (ESM) · 2 (CommonJS)
• 2 (ESM) · 0 (CommonJS)
• 0 (ESM) · 0 (CommonJS)
• ESM-এ TypeError: Assignment to constant variable.

(কঠিন) module চলার ক্রম — node main.mjs চালালে কী ছাপা হবে?

// a.mjs
console.log("a");
export const A = 1;
// b.mjs
import "./a.mjs";
console.log("b");
// main.mjs
console.log("main");
import "./b.mjs";
import "./a.mjs";

• main · b · a · a
• a · b · a · main
• main · a · b
• a · b · main

(কঠিন) Node.js-এ I/O callback-এর ভেতরে চার রকম কাজ — কী ছাপা হবে?

const fs = require("fs");
fs.readFile(__filename, () => {
  setTimeout(() => console.log("timeout"), 0);
  setImmediate(() => console.log("immediate"));
  Promise.resolve().then(() => console.log("promise"));
  process.nextTick(() => console.log("nextTick"));
});

• nextTick · promise · immediate · timeout
• promise · nextTick · immediate · timeout
• nextTick · promise · timeout · immediate
• timeout আর immediate-এর ক্রম নিশ্চিত নয়

(মাঝারি) Node.js-এর মূল CommonJS script-এ nextTick আর Promise — কী ছাপা হবে?

Promise.resolve().then(() => console.log("P"));
process.nextTick(() => console.log("N"));
console.log("S");

• S · P · N
• N · S · P
• S · N · P
• ক্রম নিশ্চিত নয়

(মাঝারি) Node.js-এর মূল script-এ timer বনাম setImmediate — একই ফাইল কয়েকবার চালালে কী দেখবেন?

setTimeout(() => console.log("timeout"), 0);
setImmediate(() => console.log("immediate"));

• সবসময় immediate · timeout
• দুটিই ছাপা হবে, কিন্তু ক্রম রান থেকে রানে বদলাতে পারে
• সবসময় timeout · immediate
• শুধু একটি ছাপা হবে

(মাঝারি) TypeScript-এর টাইপ চলার সময় — tsc দিয়ে compile করে চালালে কী ছাপা হবে?

const n: number = "5" as any;
console.log(typeof n, n + 1);

• number 6
• Compile error: Type 'string' is not assignable to type 'number'
• TypeError
• string 51