typeof, undefined আর null: একটা value-কে জিজ্ঞেস করা সে কী

David-এর দোকান প্রতিটা রসিদের সঙ্গে একটা শুভেচ্ছা পাঠায়। এক সকালে দেখা গেল, রসিদে কাস্টমারের নামের জায়গায় লেখা Hello, undefined। কিছু crash করেনি, কেউ সতর্কও করেনি, আর শব্দটা দেখে মনে হয় printer-এর কোনো bug। আসলে তা না। এটা একটা value, একদম ঠিকঠাক ছাপা হয়েছে, আর এই lesson ওটার পিছু নিয়ে পৌঁছাবে সেই লাইনে, যেটার ওতে value বসানোর কথা ছিল।

typeof: value-কে জিজ্ঞেস করো সে কী

Lesson 03-এ typeof এক ঝলক দেখেছ। এটা একটা operator, --এর মতো, যেটা একটা value-র সামনে বসে আর তার type-এর নাম ফেরত দেয়, একটা string হিসেবে।

typeof value

এই হলো সেই একটা program, যেটা বারোটা value-কে জিজ্ঞেস করে, এই track-এ যত রকমের value-র সঙ্গে তোমার দেখা হবে, তার প্রতিটার একটা করে।

console.log(typeof 42);
console.log(typeof 3.14);
console.log(typeof NaN);
console.log(typeof "hi");
console.log(typeof "");
console.log(typeof true);
console.log(typeof undefined);
console.log(typeof null);
console.log(typeof 10n);
console.log(typeof Symbol("id"));
console.log(typeof { name: "Zara" });
console.log(typeof console.log);

number
number
number
string
string
boolean
undefined
object
bigint
symbol
object
function

একই উত্তরগুলো, একটা table-এ, হাতের কাছে রাখার মতো করে:

তাই typeof একটা type-এর নাম দেয় string হিসেবে, আর এর সাতটা উত্তর lesson 03-এর table-এর সঙ্গে হুবহু মেলে।

যে দুইটা উত্তর চমকে দেয়

typeof null হলো "object", আর এটা একটা bug। প্রথম JavaScript engine, 1995-এ Netscape-এ লেখা, প্রতিটা value-র পাশে ছোট একটা type tag রাখত। Object-এর tag ছিল 0, আর null রাখা হতো zero pointer হিসেবে। তাই check-টা null-কে object বলে পড়ত। যতদিনে কেউ এটা সারাতে চাইল, ততদিনে লাখ লাখ page পুরোনো উত্তরের উপর ভর করে বসে আছে। ES2015-এর জন্য একটা fix প্রস্তাব করা হয়েছিল, আর ঠিক এই কারণেই সেটা বাদ পড়ে। তাই bug-টা এখন standard-এর অংশ, আর এটা থেকেই যাবে।

একটা function-এর typeof হলো "function"। Function এক রকমের object, তাই table মানলে উত্তর হওয়ার কথা "object"। ভাষাটা এখানে জেনেবুঝে ব্যতিক্রম রেখেছে, কারণ "এটা কি call করা যায়?" প্রশ্নটা program-কে প্রায়ই করতে হয়। এটা feature, bug না।

তাই typeof একটা null চিনতে পারে না, কিন্তু function চিনতে পারে। null-এর ঠিক test দেখাবে "প্রতিটা ফাঁকা আলাদা করে check করা" অংশ।

undefined কোথা থেকে আসে

undefined মানে "এখনো কোনো value নেই"। এটা তুমি খুব কমই নিজে লেখো। Engine এটা বসায় রোজকার তিনটা জায়গায়, আর David-এর bug এসেছিল প্রথমটা থেকে।

let customerName;
console.log("Hello,", customerName);

function greet(name) {
  console.log("Hello,", name);
}
greet();

const customer = { name: "David" };
console.log(customer.phone);

Hello, undefined
Hello, undefined
undefined

1. Value ছাড়া declare করা নাম। let customerName; নামটা বানায়, আর তাতে রাখে undefined। David ভেবেছিল order থেকে এটা ভরে দেবে, কিন্তু কখনো দেয়নি।
2. বাদ পড়া argument। greet একটা function, যেটা একটা name আশা করে (function শেখাবে Module 5)। Bracket-এ কিছু না দিয়ে call করলে ওর name-এ থাকে undefined।
3. না থাকা property। customer একটা object, যাতে আছে একটা name, আর কিছু না (Module 8)। customer.phone চাইলে আসে undefined, কোনো error না।

তাই undefined দেখা দিলে তিনটা প্রশ্ন করো। নামটা কি কখনো value পেয়েছিল? কোনো argument কি বাদ পড়েছে? Property-টা কি সত্যিই আছে?

null: কোনো value নেই, ইচ্ছা করেই

Engine নিজে থেকে কোনো নামে null বসায় না, যেভাবে undefined বসায়। null সব সময় কারও একটা সিদ্ধান্ত: তোমার, তোমার code যে data পেয়েছে তার লেখকের, নয়তো এমন কোনো built-in tool-এর, যেটা "কিছু পাইনি" বোঝাতে এটা ফেরত দেয়। এর মানে "দেখা হয়েছে, আর কিছু নেই"।

const form = { name: "Amara", middleName: null };
console.log(form.middleName);
console.log(form.nickname);
console.log(typeof form.middleName);
console.log(typeof form.nickname);

null
undefined
object
undefined

Form-টা Amara-কে মাঝের নাম জিজ্ঞেস করেছিল, আর ওর কোনো মাঝের নাম নেই: null। ডাকনাম কখনো জিজ্ঞেসই করেনি: undefined। দুইটার মানেই "কিছু নেই", কিন্তু দুইটা আলাদা প্রশ্নের উত্তর। আর null-এর জন্য typeof বলে "object", উপরের অংশের সেই bug। তাই null সব সময় কারও একটা সিদ্ধান্ত, আর এজন্যই ওটা পড়ে কাজের খবর পাওয়া যায়।

প্রতিটা ফাঁকা আলাদা করে check করা

"এটা কি undefined?" বা "এটা কি null?" জানতে চাইলে === দিয়ে তুলনা করো। Lesson 03 এটা দিয়ে দুইটা সংখ্যা তুলনা করেছিল, আর এই দুইটা value-তেও এটা একইভাবে কাজ করে।

let phone;
const middleName = null;
console.log(phone === undefined);
console.log(middleName === null);
console.log(typeof middleName === "object");
console.log(typeof phone === "undefined");

true
true
true
true

তৃতীয় লাইনটা true, কিন্তু এটা null-এর কোনো test না: প্রতিটা object-ও "object" দেয়। তাই null test করো === null দিয়ে, আর undefined করো === undefined দিয়ে।

Program সাধারণত উত্তরটা নিয়ে কিছু একটা করতে চায়, শুধু true ছেপে বসে থাকতে না। ওটা if-এর কাজ, যেটা শেখাবে Module 4। এখানে শুধু এর গড়নটা দিলাম, এখন পড়ে রাখো, আর যেমন আছে তেমনই ব্যবহার করো: প্রথম যে test true হয়, সেটাই ঠিক করে কোন block চলবে।

const value = null;
if (value === undefined) {
  console.log("missing");
} else if (value === null) {
  console.log("empty");
} else {
  console.log("value:", value);
}

empty

তাই === undefined আর === null হলো দুইটা হুবহু test, আর if দিয়ে program ঠিক করে, ওগুলোর উত্তর নিয়ে কী করবে।

যে নাম কখনো declare করা হয়নি

না থাকার আরও একটা রকম আছে: এমন নাম, যেটা কেউ কখনো declare করেনি। Lesson 02-এ দেখেছ, ওটা পড়তে গেলে program থেমে যায়। কিন্তু ওটার ব্যাপারে typeof-কে জিজ্ঞেস করলে থামে না।

console.log(typeof discountCode);
console.log(typeof window);
console.log(typeof process);

undefined
undefined
object

discountCode কখনো declare করা হয়নি, আর typeof error throw না করে উত্তর দেয় "undefined"। typeof সরিয়ে দাও, তাহলে একই লাইন program থামিয়ে দেবে ReferenceError: discountCode is not defined দিয়ে।

পরের দুইটা লাইন দেখায়, এটা কেন জরুরি। window হলো browser-এর global object, আর process হলো Node-এর। এই program চলেছে Node 22-এ, তাই window নেই, আর process আছে। যে library-কে দুই জায়গাতেই চলতে হয়, সে আগে জিজ্ঞেস করে নেয় typeof window। তাই যে নাম হয়তো নেই, তার খোঁজ নেওয়ার একমাত্র নিরাপদ উপায় typeof।

const temperature = 36.6;
console.log(temperature, "is a", typeof temperature);

36.6 is a number

let customerName;
console.log("Before:", typeof customerName);

const fixedName = "Maria";
console.log("Hello,", fixedName);
console.log("After:", typeof fixedName);

Before: undefined
Hello, Maria
After: string

const profile = { name: "Zara", school: null };
console.log("name:", profile.name, typeof profile.name);
console.log("school:", profile.school, profile.school === null);
console.log("city:", profile.city, profile.city === undefined);

name: Zara string
school: null true
city: undefined true

const value = undefined;
if (value === undefined) {
  console.log("missing");
} else if (value === null) {
  console.log("empty");
} else {
  console.log(typeof value);
}

missing

const school = null;
console.log(typeof school === "null");

let user;
console.log(user.name);

const price = 450;
console.log(typeof price === "Number");

let count;
count = count + 1;
console.log(count);

console.log(typeof typeof 1);

missing
empty
0
false
Zara

let nickname;
const school = null;
const siblings = 0;
const subscribed = false;
const name = "Zara";

// Use the if shape from "Checking for each kind of nothing", once per value.
// 0 and false are real values, not nothing: they print as themselves.

const input = require("fs").readFileSync(0, "utf8");
const tokens = input.split(/\s+/).filter(Boolean);
let at = 0;
const next = () => tokens[at++];
const nextInt = () => Number(next());
const out = [];

// your code: read with next() and nextInt(), push every line of output to out
const word = next();
const asNumber = Number(word);
// Number.isNaN(asNumber) is true when the word did not convert.
// Push "string" in that case, and typeof asNumber otherwise.

console.log(out.join("\n"));

এরপর lesson 05 input পড়ার সেই ছয়টা লাইন বুঝিয়ে বলবে, যাতে এই track-এর প্রতিটা problem শুরু করা যায়।