
The Object.assign() Function มันดียังไง ?
สวัสดีครับท่านผู้อ่าน วันนี้ขอเสนอบทความสั้นๆ ครับเกี่ยวเรื่อง Object ของ JavaScript :) เนื่องจากเมื่อวานก่อนผมได้ทดลองเขียน React ตาม Tutorial ของ Facebook แล้วได้เจอกับคำสั่ง object.assign() ก็เลยเกิดความสงสัยจึงไปหาข้อมูลเพิ่มเติมซึ่งก็ได้ข้อมูลดีๆมาเลยเอามาเขียนเป็นบทความนี้ครับ

ตาม Code ด้านบนนี้ก็เป็นสร้าง Object ธรรมดาไม่ได้มีอะไรพิเศษเลยครับ และ กรณนี้ที่เราอยากจะเปลี่ยนแปลงค่าใน Object ก็สามารถทำแบบ Direct ได้โดย

Result: Object {name: “Pobx”, ID: “E1001”}

กรณีใช้ Object.assign() Function
Result: Object {name: “Pobx”, ID: “E1001”}
มาถึงตรงนี้แล้วอาจจะสงสัยว่า เอ้า ! แล้วจะเขียนให้เยอะความทำไม ! เพราะสุดท้ายผลลัพธ์ก็ได้เหมือนกันนี้… = =’a ใช่ครับว่าสุดท้ายแล้วเราจะได้ผลลัพธ์เหมือนกันแต่ที่ต่างกันคือถ้าเราใช้ object.assign() function เราจะยังสามารถย้อนมาดูค่าใน Object(ก่อนหน้า) ได้เสมอทำให้เราสามารถ trace ได้ว่า object ของเรามีการเปลี่ยนแปลงจากอะไร…ไปเป็นอะไร ว่าแล้วมาดู code เพื่อเพิ่มความเข้าใจกันครับ

ผลลัพธ์การใช้ Object.assign()
Object {name: “Tom”, ID: “E1001”}
Object {name: “Pobx”, ID: “E1001”}
Object {name: “John”, ID: “E1001”}
เห็นผลลัพธ์แล้วน่าจะร้อง อ่ออออออ… กันได้บ้างแล้วนะครับว่าทำไมเราถึงจะต้องใช้งาน object.assign() เอาละก็น่าจะเป็นประโยชน์สำหรับผู้อ่านทุกท่านครับ บรั๊ย ~~~