JavaScript

The Object.assign() Function มันดียังไง ?

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

Example: Object

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

Example: Direct value to Object

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

Example: Object.assing()

กรณีใช้ Object.assign() Function

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

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

Last Example

ผลลัพธ์การใช้ Object.assign()

Object {name: “Tom”, ID: “E1001”}
Object {name: “Pobx”, ID: “E1001”}
Object {name: “John”, ID: “E1001”}

เห็นผลลัพธ์แล้วน่าจะร้อง อ่ออออออ… กันได้บ้างแล้วนะครับว่าทำไมเราถึงจะต้องใช้งาน object.assign() เอาละก็น่าจะเป็นประโยชน์สำหรับผู้อ่านทุกท่านครับ บรั๊ย ~~~