// ❌ เรียก string เหมือนเป็น function
"hello"();
// TypeError: "hello" is not a function
// .name    = "TypeError"
// .message = ""hello" is not a function"
// ^ JavaScript รู้ syntax ถูกต้อง — แต่ว่า "hello" เป็น string ไม่ใช่ function

// ❌ เข้าถึง property ของ null
console.log(null.name);
// TypeError: Cannot read properties of null (reading 'name')
// .name    = "TypeError"
// .message = "Cannot read properties of null (reading 'name')"
// ^ null ไม่มี property — เลยอ่าน .name ไม่ได้

// ❌ null ไม่มี property — TypeError
let user = null;
console.log(user.name);
// TypeError: Cannot read properties of null (reading 'name')

// ❌ undefined ก็เช่นกัน
let address;
console.log(address.city);
// TypeError: Cannot read properties of undefined (reading 'city')

// ✅ แก้ไข: เช็คว่าตัวแปรไม่เป็น null หรือ undefined ก่อนใช้
let user2 = null;
if (user2 !== null && user2 !== undefined) {
  console.log(user2.name);
} else {
  console.log("ไม่มีข้อมูลผู้ใช้"); // "ไม่มีข้อมูลผู้ใช้"
}

// ✅ อีกวิธี: ใช้ default value กันไว้
let user3 = null;
console.log(user3 && user3.name); // null — ไม่เกิด error
let name = user3 ? user3.name : "ไม่ระบุ";
console.log(name); // "ไม่ระบุ"

// ❌ string ไม่ใช่ function — TypeError
"สวัสดี"();
// TypeError: "สวัสดี" is not a function

// ❌ number ก็ไม่ใช่ function
123();
// TypeError: 123 is not a function

// ❌ object ธรรมดาก็ไม่ใช่ function (ถึงแม้จะเป็น object)
let obj = { name: "สมชาย" };
obj();
// TypeError: obj is not a function

// ✅ แก้ไข: เช็ค typeof ก่อนเรียก — เรียกเฉพาะตอนที่เป็น function
let maybeFunction = "hello";
if (typeof maybeFunction === "function") {
  maybeFunction();
} else {
  console.log("maybeFunction ไม่ใช่ function — เรียกไม่ได้");
  // output: "maybeFunction ไม่ใช่ function — เรียกไม่ได้"
}

// ✅ ตัวอย่าง: ตัวแปรเป็น function จริง ๆ
function greet() {
  console.log("สวัสดี!");
}
if (typeof greet === "function") {
  greet(); // "สวัสดี!" — ทำงานได้ปกติ
}

// ❌ number ไม่มี toUpperCase() — TypeError
let score = 95;
console.log(score.toUpperCase());
// TypeError: score.toUpperCase is not a function
// ^ toUpperCase() เป็น method ของ string ไม่ใช่ number

// ✅ แก้ไข: แปลงเป็น string ก่อน แล้วค่อยใช้ method ของ string
let score2 = 95;
console.log(String(score2).toUpperCase());
// output: "95"

// ✅ ตัวอย่างที่เห็นผลชัดกว่า: ใช้ string method กับ string
let enName = "john";
console.log(enName.toUpperCase());
// output: "JOHN"

// ❌ เรียก array method กับ string
let text = "hello";
text.push("!");
// TypeError: text.push is not a function
// ^ push() เป็น method ของ array ไม่ใช่ string

// ✅ ใช้ string method กับ string แทน
let text2 = "hello";
console.log(text2 + "!"); // "hello!" — ใช้ + ต่อ string

// ❌ ใช้ new กับ string ธรรมดา — TypeError
let x = "hello";
let obj1 = new x();
// TypeError: x is not a constructor
// ^ "hello" เป็น string — ไม่ใช่ constructor

// ❌ ใช้ new กับ number — TypeError
let y = 42;
let obj2 = new y();
// TypeError: y is not a constructor

// ✅ new ใช้กับ function หรือ class ที่เป็น constructor เท่านั้น
function Person(name) {
  this.name = name;
}
let p = new Person("สมชาย");
console.log(p.name); // "สมชาย"

// ✅ Object(), Array(), String(), Number() — ใช้ new ได้
let arr = new Array(3);
console.log(arr); // [ <3 empty items> ]
let obj3 = new Object();
console.log(obj3); // {}

// ❌ เปลี่ยนค่า const — TypeError (เกิดตอน runtime)
const name = "สมชาย";
name = "สมศรี";
// TypeError: Assignment to constant variable.
// .name    = "TypeError"
// .message = "Assignment to constant variable."
// ^ เกิด TypeError ไม่ใช่ SyntaxError!

// ✅ ใช้ let แทน const ถ้าต้องการเปลี่ยนค่า
let name2 = "สมชาย";
name2 = "สมศรี";
console.log(name2); // "สมศรี" — ทำงานได้ปกติ

// ✅ const ใช้ได้กับ object — เปลี่ยน property ข้างในได้ แต่เปลี่ยนตัว object ไม่ได้
const user = { name: "สมชาย" };
user.name = "สมศรี"; // ✅ เปลี่ยน property ได้ ไม่ใช่การเปลี่ยนค่า user
console.log(user.name); // "สมศรี"

user = { name: "สมใจ" }; // ❌ TypeError — เปลี่ยนตัวแปร user ไม่ได้

// ❌ Object.assign() รับ null เป็น target ไม่ได้ — TypeError
Object.assign(null, { a: 1 });
// TypeError: Cannot convert undefined or null to object
// ^ null กับ undefined เป็น object ไม่ได้ — Object.assign เลยใช้ target ไม่ได้

// ✅ target ต้องเป็น object (รวมถึง {} ว่าง)
let target = {};
let result = Object.assign(target, { a: 1, b: 2 });
console.log(result); // { a: 1, b: 2 }
console.log(target); // { a: 1, b: 2 } — target ถูกเปลี่ยนด้วย

// ✅ Math.max() รับ null ได้ — null จะถูกแปลงเป็น 0
console.log(Math.max(null));
// output: 0

console.log(Math.max(5, 10, 3));
// output: 10

// ❌ Array.from() ต้องการ iterable — number ไม่ใช่ iterable
Array.from(123);
// TypeError: 123 is not iterable
// ^ 123 เป็น number — ไม่ใช่ array หรือ iterable

// ✅ Array.from() ใช้กับ string ได้ (string เป็น iterable — วนทีละตัวอักษร)
console.log(Array.from("ABC"));
// output: ["A", "B", "C"]

// ✅ Array.from() ใช้กับ Set ได้ (Set เป็น iterable)
let mySet = new Set([1, 2, 3]);
console.log(Array.from(mySet));
// output: [1, 2, 3]

// ตรวจว่าเป็น function ก่อนเรียก
function safeCall(fn) {
  if (typeof fn === "function") {
    fn();
  } else {
    console.log("ไม่สามารถเรียกได้ — ไม่ใช่ function");
  }
}

safeCall(function() { console.log("ทำงาน!"); }); // "ทำงาน!"
safeCall("hello"); // "ไม่สามารถเรียกได้ — ไม่ใช่ function"
safeCall(123);     // "ไม่สามารถเรียกได้ — ไม่ใช่ function"

// ตรวจว่าเป็น object จริง ๆ ก่อนอ่าน property
function getName(obj) {
  if (typeof obj === "object" && obj !== null) {
    return obj.name;
  }
  return "ไม่ระบุ";
}

console.log(getName({ name: "สมชาย" })); // "สมชาย"
console.log(getName(null));               // "ไม่ระบุ"
console.log(getName("hello"));            // "ไม่ระบุ"

// typeof [] ก็คืน "object" — แยก array จาก object ไม่ได้
console.log(typeof []);       // "object"
console.log(typeof {});       // "object"
console.log(typeof null);      // "object" (bug เก่าแก่ของ JavaScript)

// ✅ ใช้ Array.isArray() แยก array จาก object
console.log(Array.isArray([]));  // true
console.log(Array.isArray({}));  // false

function processData(data) {
  if (Array.isArray(data)) {
    console.log("ข้อมูลเป็น array — วนลูปได้");
  } else {
    console.log("ข้อมูลไม่ใช่ array — ไม่สามารถวนลูปได้");
  }
}
processData([1, 2, 3]); // "ข้อมูลเป็น array — วนลูปได้"
processData({ a: 1 });  // "ข้อมูลไม่ใช่ array — ไม่สามารถวนลูปได้"

// ✅ Optional chaining (?.) — ป้องกัน TypeError จาก null/undefined
// (มีบทสอนเต็ม ๆ ในภายหลัง — ดูเป็นตัวอย่างคร่าว ๆ ก่อน)
let user = null;

// ❌ แบบปกติ — TypeError
// console.log(user.address.city); // TypeError!

// ✅ แบบ optional chaining — ปลอดภัย
console.log(user?.address?.city); // undefined — ไม่เกิด error

let user2 = { address: { city: "กรุงเทพ" } };
console.log(user2?.address?.city); // "กรุงเทพ"