雖然這篇Object.assign 使用鄉民發文沒有被收入到精華區：在Object.assign 使用這個話題中，我們另外找到其它相關的精選爆讚文章
在 object.assign產品中有1篇Facebook貼文，粉絲數超過10萬的網紅BorntoDev，也在其Facebook貼文中提到， 🔥 สวัสดีเพื่อน ๆ ทุกคน!! เคยสงสัยกันไหมว่า Object.assign() และ Object.create() นั้นมันแตกต่างกันยังไง ?? และหลาย ๆ คนยังอาาจะสับสนวิธีการใช้งานของทั้ง...
object.assign 在 BorntoDev Facebook 的最佳貼文
🔥 สวัสดีเพื่อน ๆ ทุกคน!! เคยสงสัยกันไหมว่า Object.assign() และ Object.create() นั้นมันแตกต่างกันยังไง ?? และหลาย ๆ คนยังอาาจะสับสนวิธีการใช้งานของทั้ง 2 ตัวนี้อยู่..
.
👉 ไม่ต้องกังวลไป เพราะแอดมาสรุปความแตกต่างของทั้งสอง ให้ทุกคนดูกันชัด ๆ แล้วจ้า จะเป็นยังไงนั้น ไปดูกันโลดดดด !!
.
🟣 Object.assign() - ใช้คัดลอกข้อมูลใน Object ต้นทาง ไปยัง Object ปลายทางได้ตามต้องการ แต่หากมี Key ซ้ำกัน ผลลัพธ์จะแทนที่ด้วย Key ของปลายทางนั้นเอง
.
📑 มาดูตัวอย่างการใช้งานกันเลย
const aespa = {a: "Winter", b: "Karina", c: "NingNing", d: "Giselle"}
const blackpink = {d: "Jisoo", e: "Jennie", f: "Rose", g: "Lisa"}
const NewUser = Object.assign(aespa, blackpink);
console.log(NewUser);
.
📍 ผลลัพธ์
{a: 'Winter', b: 'Karina', c: 'NingNing', d: 'Jisoo', e: 'Jennie', f: 'Rose', g: 'Lisa'}
จะเห็นว่า Object aespa และ Object blackpink มี Key ซ้ำกัน คือ d นั่นเอง ผลลัพธ์ของ NewUser ก็จะแทนที่ด้วย Key ปลายทาง คือ {d: “Jisoo”}
.
🟢 Object.create() - ใช้สร้าง Object ใหม่จากค่าของ Object ต้นแบบ แต่ไม่ได้เป็นการคัดลอกเหมือนกับ Object.assign() เพียงแค่สามารถเรียกใช้ค่าใน Object ต้นแบบได้นั่นเอง
.
📑 ตัวอย่างการใช้งาน
const aespa = {a: "Winter", b: "Karina", c: "NingNing", d: "Giselle"};
var NewMember = Object.create(aespa);
console.log(NewMember.a,NewMember.b);
.
📍 ผลลัพธ์
Winter Karina
หากลอง print ค่าของ NewMember ออกมาบ้าง ซึ่งมันจะได้เป็น Object ค่าว่างออกมา
console.log(NewMember);
// output => {}
.
เป็นยังไงกันบ้าง พอจะเข้าใจวิธีการใช้งานของทั้งสองกันขึ้นมาบ้างแล้วเนอะ หากชอบเนื้อหานี้ฝากกดไลก์ กดแชร์ เพื่อเป็นกำลังใจให้เราด้วยน้าาาา
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน