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() เอาละก็น่าจะเป็นประโยชน์สำหรับผู้อ่านทุกท่านครับ บรั๊ย ~~~

Geidtiphong Singseewo

Written by

I am a Developer from Thailand !

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade