function মানে নাম দেওয়া একটা রেসিপি: পুরো ছবিটা

Amara-র দোকানে member-রা 10 শতাংশ ছাড় পায়, আর ওর receipt program এই দামটা হিসাব করে পাঁচ জায়গায়। একদিন মালিক ছাড় বাড়িয়ে 12 শতাংশ করলেন। Bob formula-টা খুঁজে চারবার বদলাল, পঞ্চমটা চোখ এড়িয়ে গেল। এখন সব receipt ঠিক, শুধু gift card-এর জন্য যেটা print হয় সেটা ভুল। এই lesson-এ formula-টা একবার লিখব, ওকে একটা নাম দেব, আর পাঁচ জায়গা থেকেই ওটা চালাব।

একটা কাজ, একবারই লেখা

Amara-র সমস্যাটা ছোট করে তিন জায়গায় নামিয়ে আনলে এমন দেখায়। প্রতিটা লাইনে একই formula, শুধু দামটা আলাদা।

console.log("Rice: " + (500 - Math.floor(500 / 10)));
console.log("Oil: " + (1200 - Math.floor(1200 / 10)));
console.log("Salt: " + (85 - Math.floor(85 / 10)));

Rice: 450
Oil: 1080
Salt: 77

Math.floor নিচের দিকে round করে, তাই member শুধু পুরো টাকাটাই বাঁচায়। Program চলছে ঠিকঠাক। ঝামেলা হলো "10 শতাংশ ছাড়" নিয়মটা তিন জায়গায় বসে আছে, আর বদলাতে গেলে তিনটাই খুঁজে বের করতে হবে।

function হলো নাম দেওয়া এক টুকরো code, যেটা একবার লেখো আর যখন দরকার তখন চালাও। নিচে একই program, শুধু নিয়মটা সরিয়ে রাখা হয়েছে memberPrice নামের একটা function-এ।

function memberPrice(amount) {
  return amount - Math.floor(amount / 10);
}

console.log("Rice: " + memberPrice(500));
console.log("Oil: " + memberPrice(1200));
console.log("Salt: " + memberPrice(85));

Rice: 450
Oil: 1080
Salt: 77

Output হুবহু আগের মতো, লাইনে লাইনে। নিয়মটা এখন থাকে এক জায়গায়, তাই ছাড় বদলালে বদলাতে হয় একটাই লাইন। মানে, যে formula তুমি copy করতে, function সেটাকে একটা নাম বানিয়ে দেয়, যেটা যেখানে খুশি ব্যবহার করা যায়।

Function define করা, আর call করা

function memberPrice(amount) { ... } অংশটা হলো definition। এটা code-টাকে একটা নাম দেয় আর রেখে দেয়। নিজে কিছুই চালায় না: শুধু definition আছে এমন program কিছুই print করে না।

memberPrice(500) অংশটা হলো call। নামের পরের bracket মানে "এখনই চালাও"। Module 1-এ call তুমি আগেই দেখেছ: console.log("hi") হলো Node-এর লেখা একটা function-কে call করা।

function greet(name) {
  return "Hello, " + name;
}

console.log(greet("Zara"));
console.log(greet);
console.log(typeof greet);

Hello, Zara
[Function: greet]
function

লাইন 5 greet-কে call করে, আর ও যা ফেরত দেয় সেটা print করে। লাইন 6-এ bracket নেই, তাই কিছুই চলে না। Node function-টাকেই print করে দেয় [Function: greet] হিসেবে। Function একটা value, আর typeof ওর type বলে "function"। মানে নামটা হলো রেসিপি, আর bracket-সহ নামটা হলো রান্না।

function name(parameter1, parameter2) {
  body: the lines that run on every call
  return value;
}

name(argument1, argument2)     runs the body, and is replaced by the value returned

Parameter আর argument

parameter হলো definition-এ লেখা একটা নাম: memberPrice(amount)-এর amount। argument হলো call-এ লেখা value: memberPrice(500)-এর 500। Call শুরু হলেই প্রতিটা parameter পায় একই জায়গায় বসা argument-টা।

function lineTotal(qty, price) {
  return qty * price;
}

console.log(lineTotal(3, 40));
console.log(lineTotal(40, 3));
console.log(lineTotal(2));
console.log(lineTotal(2, 5, 99));

120
120
NaN
10

মেলানো হয় শুধু জায়গা দেখে, নাম দেখে না। লাইন 6-এ value দুটো অদলবদল হয়েছে, বদলেছে শুধু গুণের ক্রম। লাইন 7 দিয়েছে একটাই argument, তাই price হলো undefined, Module 1-এর সেই "কোনো value নেই", আর 2 * undefined হলো NaN।

লাইন 8 দিয়েছে তিনটা। বাড়তি 99-এর বসার মতো কোনো parameter নেই, তাই function ওটা দেখতেই পায় না। দুই ক্ষেত্রেই JavaScript কোনো error দেয় না। তাই argument গুনে দাও: কম দিলে বাকিগুলো undefined, বেশি দিলে বাড়তিগুলো বাদ।

return: একটা value ফেরত, আর call শেষ

return একসাথে দুটো কাজ করে। Call-কে একটা value ফেরত দেয়, আর call-টা সেখানেই শেষ করে দেয়। যে return চলে গেছে, তার পরের কোনো লাইন আর চলে না।

function shippingFee(total) {
  if (total >= 1000) {
    return 0;
  }
  return 60;
}

function sayHi(name) {
  console.log("Hi, " + name);
}

console.log(shippingFee(1500));
console.log(shippingFee(400));
const result = sayHi("Kenji");
console.log(result);

0
60
Hi, Kenji
undefined

1500-এর বেলায় প্রথম return চলে, আর function থেমে যায় return 60-এ পৌঁছানোর আগেই। একে বলে early return: বিশেষ case-টার উত্তর আগে দিয়ে বেরিয়ে যাও। Module 4 যে বলেছিল labelled break-এর কাজ ছোট একটা function আর return দিয়েও হয়, সেটা এটাই।

sayHi একটা লাইন print করে, কিন্তু ওর কোনো return নেই। return ছাড়া function-এর call দেয় undefined, আর value ছাড়া খালি return;-ও তাই দেয়। Print করা আর return করা দুটো আলাদা কাজ। তাই যে function-এর কাজ উত্তর বের করা, ওকে উত্তরটা return করতে হবে, console.log না।

Module 1-এর একটা নিয়ম এবার কাজে লাগে। return-এর ঠিক পরে লাইন ভাঙলে statement সেখানেই শেষ, তাই একা এক লাইনে return ফেরত দেয় undefined। Value-টা return-এর একই লাইনে রাখো। যে ভুলগুলো সবাই করে, তার 3 নম্বরে bug-টা দেখবে।

একটা call চলতে দেখা

Call শুরু হলে engine-এর একটা জায়গা লাগে, যেখানে ওই call-এর parameter-গুলো থাকবে, আর মনে থাকবে কোথায় ফিরতে হবে। Engine এগুলো রাখে একটা frame-এ, আর যে call-গুলো এখনো শেষ হয়নি তাদের frame থালার মতো একটার ওপর আরেকটা জমে: এটাই call stack। Call হলে একটা frame ওপরে বসে; return হলে ওটা নামিয়ে নেওয়া হয়।

এই program receipt-এর একটা লাইন print করে। printLine নিজের কাজের মাঝপথে lineTotal-কে call করে।

function lineTotal(qty, price) {
  return qty * price;
}

function printLine(item, qty, price) {
  console.log(item + ": " + lineTotal(qty, price));
}

printLine("tea", 3, 40);
console.log("done");

tea: 120
done

এবার call-গুলো ধাপে ধাপে চালাও। দেখো প্রতিটা frame নিজের parameter নিয়ে আসে, আর নিজের return value নিয়ে বিদায় নেয়।

যে frame সবার শেষে ঢোকে, সে-ই সবার আগে বের হয়। lineTotal return না করা পর্যন্ত printLine নিজের লাইনটা শেষ করতে পারে না। মানে, একটা call ওর ভেতরের প্রতিটা call-এর জন্য অপেক্ষা করে, আর call stack হলো এখনো অপেক্ষায় থাকা call-গুলোর তালিকা।

Function-এর নামগুলো ওর নিজের

প্রতিটা call নতুন করে parameter পায়, আর body-র ভেতরে বানানো let বা const-ও ওই call-এরই। Function-এর বাইরে এই নামগুলোর কোনো অস্তিত্ব নেই।

function average(a, b) {
  const sum = a + b;
  return sum / 2;
}

console.log(average(4, 10));
console.log(typeof sum);

7
undefined

sum ছিল call-এর ভেতরে, call শেষ হতেই ওটাও গেছে। যে নামের অস্তিত্বই নেই, তার ওপর typeof error না দিয়ে দেয় "undefined"। মানে function একটা বন্ধ বাক্স: value ঢোকে parameter দিয়ে, আর একটা value বের হয় return দিয়ে। একটা নাম কোথা থেকে দেখা যায়, তাকে বলে ওর scope, আর সেটা শেখাবে Module 6।

তিন রকম লেখা, আর তোমার starter-এর দুটো

JavaScript-এ function লেখার তিনটা উপায় আছে। তিনটাই একই ধরনের value বানায়, আর call-ও করো একইভাবে।

function halfA(n) {
  return n / 2;
}

const halfB = function (n) {
  return n / 2;
};

const halfC = (n) => n / 2;

console.log(halfA(9), halfB(9), halfC(9));

4.5 4.5 4.5

প্রথমটা function declaration। দ্বিতীয়টা function expression: value হিসেবে বানানো একটা function, রাখা হয়েছে একটা const-এ। তৃতীয়টা arrow function: আগে parameter, তারপর =>, তারপর যে value ফেরত দেবে। Brace না থাকলে arrow return শব্দ ছাড়াই ওই value ফেরত দেয়।

এবার starter-এর সেই দুটো লাইন পড়ো, যেগুলো Module 1 বলেছিল আপাতত যেমন আছে তেমন ব্যবহার করতে।

const tokens = ["7", "3"];
let at = 0;
const next = () => tokens[at++];
const nextInt = () => Number(next());

console.log(nextInt() + nextInt());
console.log(at);

10
2

next হলো parameter ছাড়া একটা arrow function, তাই ওর bracket খালি। প্রতিবার call করলে ও at জায়গার token-টা ফেরত দেয়, আর at++ জায়গাটা এক ঘর এগিয়ে দেয়। nextInt call করে next-কে, আর ওর token-টাকে সংখ্যা বানায়। মানে starter-এর helper দুটো আসলে দুটো ছোট function, একটা আরেকটাকে call করে।

তিন রকম লেখার পার্থক্য দুই জায়গায়, যেটা পরে কাজে লাগবে: file-এর কোথা থেকে ওদের call করা যায়, আর this নামের একটা শব্দ (Module 9)। Lesson 02 প্রতিটা রূপ খুলে দেখাবে, আর lesson 04 বলবে কখন কোনটা নেবে।

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("Zara"));
console.log(greet("Kenji"));
const line = greet("Amara");
console.log(line.length);

Hello, Zara!
Hello, Kenji!
13

function deliveryFee(total, isMember) {
  if (isMember) {
    return 0;
  }
  if (total >= 1000) {
    return 0;
  }
  if (total >= 500) {
    return 30;
  }
  return 60;
}

console.log(deliveryFee(300, true));
console.log(deliveryFee(1200, false));
console.log(deliveryFee(700, false));
console.log(deliveryFee(150, false));

0
0
30
60

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 = [];

function lineTotal(qty, price) {
  return qty * price;
}

function memberPrice(amount) {
  return amount - Math.floor(amount / 10);
}

const n = nextInt();
let total = 0;
for (let i = 0; i < n; i++) {
  const item = next();
  const qty = nextInt();
  const price = nextInt();
  const cost = memberPrice(lineTotal(qty, price));
  out.push(`${item} x${qty}: ${cost}`);
  total += cost;
}
out.push(`total: ${total}`);

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

rice x2: 900
oil x1: 1080
salt x3: 230
total: 2210

function today() {
  return "Monday";
}
console.log("Today is " + today);
console.log("Today is " + today());

Today is function today() {
  return "Monday";
}
Today is Monday

function addTax(price) {
  console.log(price + 15);
}
const total = addTax(100);
console.log(total * 2);

115
NaN

function welcome(name) {
  return
    "Welcome back, " + name;
}
console.log(welcome("Maria"));

undefined

function area(width, height) {
  return width * height;
}
console.log(area(5));

NaN

function check() {
  console.log("a");
  return;
  console.log("b");
}
console.log(check());

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

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

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

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

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

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

এরপর lesson 02 প্রতিটা রূপ একটা একটা করে খুলে দেখাবে: পুরো arrow, default value, rest parameter, আর value হিসেবে এদিক-ওদিক পাঠানো function।