---
title: "javascript | Today I Learned | OOZOU"
description: "โน้ตสั้นใช้ได้จริงเกี่ยวกับ javascript จากทีม OOZOU"
canonical: https://oozou.com/th/til-topics/javascript
locale: th
---

# javascript | Today I Learned

> โน้ตสั้นใช้ได้จริงเกี่ยวกับ javascript จากทีม OOZOU

- [Destructuring assignment ใน JS](https://oozou.com/th/til/destructuring-assignment-in-js-22) ([markdown](https://oozou.com/th/til/destructuring-assignment-in-js-22.md)) (2020-10-13): แบบง่าย ๆ javascript const [a, b, ...c] = [10, 20, 100,200] // a= 10, b=20, c=[100,200] const { first, second } = { first: 1, second: 2 } // first = 1, second = 2
- [วิธีสร้าง HTML Element พร้อม Attribute ในบรรทัดเดียวด้วย JavaScript](https://oozou.com/th/til/how-to-create-an-html-element-with-attributes-in-one-line-in-javascript-69) ([markdown](https://oozou.com/th/til/how-to-create-an-html-element-with-attributes-in-one-line-in-javascript-69.md)) (2020-10-13): เวลาทำโปรเจกต์ JavaScript การสร้าง HTML element แบบ dynamic เป็นเรื่องปกติ ตามวิธีดั้งเดิม คุณอาจต้องใช้โค้ดหลายบรรทัดเพื่อสร้าง element แล้วตั้งค่า attribute ทีละตัว…
- [Flux Architecture แบบง่ายด้วย Vue.js](https://oozou.com/th/til/simple-flux-architecture-with-vue-js-50) ([markdown](https://oozou.com/th/til/simple-flux-architecture-with-vue-js-50.md)) (2020-10-13): สำหรับแอปเล็ก ๆ ที่ต้องการแค่ pattern จัดการ state แบบง่าย ๆ ผู้เขียนมักใช้ component เดียวเก็บ state ของแอปไว้ เรียกว่า container ซึ่งทำหน้าที่เป็น single source of truth ให้แอปใช้อ้างอิง...

All notes: [Today I Learned](https://oozou.com/th/til) ([markdown](https://oozou.com/th/til.md)).

---

Contact OOZOU: hello@oozou.com · +66 2544 0000 · https://oozou.com/th/contact

More for AI agents: https://oozou.com/llms.txt · every page has a markdown twin at its URL plus ".md"