Hàm, closure & this

ba cách khai báo hàm

// 1) Function declaration (duoc hoisting)
function chao(ten) { return "Chao " + ten; }

// 2) Function expression (gan vao bien)
const chao2 = function (ten) { return "Chao " + ten; };

// 3) Arrow function (gon nhat)
const chao3 = (ten) => "Chao " + ten;

// Ham la GIA TRI: bo ca ba vao mang roi goi
const ds = [chao, chao2, chao3];
console.log(ds[0]("Lan"));   // Chao Lan

Chao Lan

hàm con thấy biến của hàm cha

const ngoai = "A";

function cha() {
  const trong = "B";
  function con() {
    // con() thay CA "ngoai" lan "trong" - theo noi VIET
    console.log(ngoai, trong);
  }
  con();
}

cha();   // A B

A B

makeCounter - count riêng tư, được nhớ

function makeCounter() {
  let count = 0;            // rieng tu: chi ham ben trong thay
  return {
    inc: () => ++count,
    get: () => count,
  };
}

const a = makeCounter();
const b = makeCounter();    // doc lap, count rieng
a.inc();
a.inc();
console.log(a.get(), b.get());   // 2 0

2 0

vì sao var sai, let đúng

// var: moi closure dung CHUNG mot i
var fns = [];
for (var i = 0; i < 3; i++) fns.push(() => i);
console.log(fns.map((f) => f()));   // [3, 3, 3]  (bug)

// let: moi vong mot i rieng
const gns = [];
for (let j = 0; j < 3; j++) gns.push(() => j);
console.log(gns.map((f) => f()));   // [0, 1, 2]  (dung)

cú pháp arrow

const binhPhuong = (x) => x * x;     // implicit return
const tong = (a, b) => a + b;
const inHi = () => console.log("hi"); // khong tham so -> ()

// than nhieu dong thi can { } va return ro rang:
const phanLoai = (n) => {
  if (n < 0) return "am";
  return n === 0 ? "khong" : "duong";
};
console.log(binhPhuong(5), phanLoai(-2));   // 25 am

25 am

cùng một hàm, this khác nhau theo cách gọi

const nguoi = {
  ten: "Lan",
  chao() { return "Toi la " + this.ten; },
};

console.log(nguoi.chao());   // "Toi la Lan"   (this = nguoi)

const f = nguoi.chao;        // tach method ra bien
console.log(f());            // loi/undefined  (goi thang -> this = undefined)

// dat this thu cong:
console.log(nguoi.chao.call({ ten: "Hoa" }));   // "Toi la Hoa"