🔥 สวัสดีเพื่อน ๆ ทุกคน!! เคยสงสัยกันไหมว่า 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「console.log c#」的推薦目錄:
- 關於console.log c# 在 BorntoDev Facebook 的精選貼文
- 關於console.log c# 在 BorntoDev Facebook 的最佳貼文
- 關於console.log c# 在 BorntoDev Facebook 的精選貼文
- 關於console.log c# 在 Equivalent of console.log in C# - Stack Overflow 的評價
- 關於console.log c# 在 C# 之Console 基本用法整理 - Mike's Notes 的評價
- 關於console.log c# 在 Console Log en .Net C# (aspx.cs Debug How to ... - YouTube 的評價
- 關於console.log c# 在 Simple C# utility class to output to both console and a log file ... 的評價
- 關於console.log c# 在 c# - Extremely basic login system in console 的評價
console.log c# 在 BorntoDev Facebook 的最佳貼文
☕ CoffeeScript เป็นภาษาขนาดเล็กที่ Compile เป็น JavaScript สร้างขึ้นเมื่อปี 2009 เพื่อลบจุดด้อยของ JavaScript มี Syntax ที่ง่ายต่อการเรียนรู้มากกว่า JavaScript ช่วยให้เราเขียน JavaScript สั้นลง ดูแลได้ง่ายนั่นเอง !!
.
👨💻 การใช้งานเบื้องต้น
ก่อนอื่นจำเป็นต้องมี Node.js และ NPM ก่อนนะ และเริ่มต้นเขียนคำสั่งตามด้านล่างเลยจ้า
.
คำสั่ง
# Install locally for a project:
npm install --save-dev coffeescript
.
# Install globally to execute .coffee files anywhere:
npm install --global coffeescript
.
จากนั้นทำการเปิดใช้งาน CoffeeScript Library
coffee -c filename.coffee
.
ทดลองพิมพ์คำสั่ง
.
console.log "Hello world"
.
จะเห็นได้ว่า CoffeeScript มันไม่ต้องใส่วงเล็บ ก็สามารถรันโค้ดได้
.
🔎 มาดูข้อดีของ CoffeeScript กันดีกว่า
.
⭐ เข้าใจง่าย - เพราะ Syntax ของเจ้า CoffeeScript จะเน้นเขียนง่าย ทำให้จัดเรียงโค้ดได้สะอาดตา และทำให้เราเข้าใจได้ง่าย
.
⭐ ไม่ต้องใช้ var - ไม่ต้องประกาศ var ก่อนตัวแปร มันจะช่วยหลีกเลี่ยงปัญหาขอบเขตของตัวแปรได้
.
⭐ หมดปัญหาเรื่องลืม Symbol - เพราะ CoffeeScript ไม่ต้องใส่ Symbol เช่น () หรือ ; ต่อท้ายเลย ซึ่งเราจะใช้การเว้นวรรคแบ่งการทำงานของแต่ละฟังก์ชันแทน คล้ายๆ กับใน Python นั่นแหละ
.
⭐ Less Code - บรรทัดของโค้ดจะลดน้อยลง ซึ่งมันจะช่วยลดความซับซ้อนของโปรแกรมนั่นเอง
.
⭐ ดูแลง่าย - การที่มันเขียนง่าย เข้าใจง่าย มันจึงทำให้เราสามารถแก้ไขโค้ดได้ง่ายนั่นเอง
.
🌈 ทำไมถึงได้รับความนิยมน้อยลง ??
.
ด้วยการเกิดของ ES6 ในปี 2015 ซึ่งทำให้ลบจุดด้อยของ JavaScript ไปได้เยอะ และยังเพิ่มประสิทธิภาพของ JavaScript ไปได้อีกด้วย แถมยังมี Community ที่ใหญ่มากขึ้นด้วย อีกทั้ง TypeScript ก็ถูกพัฒนาเป็นภาษามาตรฐาน และมีประสิทธิภาพด้วยเช่นกัน ทำให้เจ้าใหญ่ๆ เช่น Angular ใช้ TypeScript ในการพัฒนาเป็นหลัก จนทำให้ทุกวันนี้ CoffeeScript ลดความนิยมไปอย่างมากนั่นเอง
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
console.log c# 在 BorntoDev Facebook 的精選貼文
🔥 สวัสดีจ้า วันนี้แอดจะมาบอกต่อ 5 ฟีเจอร์เด็ดๆ ของ Javascript Console ที่จะช่วยให้เราสามารถ print log ได้สะดวกมากยิ่งขึ้น มีตัวไหนบ้างไปดูกันเลย
.
⚡ 1) Console Groups - จะทำการ log ค่าออกมาในรูปแบบ Group จะทำให้ดูได้ง่ายมากยิ่งขึ้น
.
📝 วิธีการใช้งาน - เปิดด้วย console.group() และปิดด้วย console.groupEnd(); เช่น
.
console.group("Person Data");
console.log("Name: BorntoDev");
console.log("Age: 4");
console.groupEnd();
console.log("Outside of the group...");
.
⚡ 2) Live Expressions - เป็นฟีเจอร์ของ Google Chrome ที่จะช่วยแสดงผลลัพธ์จากโค้ด JavaScript แบบเรียลไทม์ได้เลย
.
⚡ 3) Timing Your Code - ใช้เพื่อจับเวลาในการทำงานของโค้ด
.
📝 วิธีการใช้งาน - เปิดด้วย console.time() และปิดด้วย console.timeEnd() เช่น
.
console.time("addHeadings");
for (let i = 0; i < 10000; i++) {
document.body.insertAdjacentHTML("beforeend", "
Heading
");}
console.timeEnd("addHeadings");
.
⚡ 4) Styling with CSS - สามารถใส่ CSS Style เวลา print log ออกมาได้เลย เฟี้ยวมาก555
.
📝 วิธีการใช้งาน - โดยจะใช้ร่วมกับ console.log() ใช้ %c ข้างหน้าข้อความที่ต้องการให้แสดง CSS เช่น
.
console.log("I am programer in %cborn to dev co., Ltd.", "color: yellow; font-weight: bold;");
.
⚡ 5) Assertions - ใช้ในการ Debug โค้ดของเราเขียนว่าสามารถทำงานได้ตามจุดประสงค์หรือไม่ ซึ่งจะ return ที่เป็น false เท่านั้น
.
📝 วิธีการใช้งาน - format console.assert(assertion, obj1 [, obj2, ..., objN]); เช่น
.
console.assert(true === true);
console.assert(true === false,"false");
.
จบแล้วกับ 5 ฟีเจอร์เด็ดที่แอดรวบรวมมาให้ ไหนใครลองไปใช้แล้วบ้าง ? หรือมีตัวไหนเด็ดๆนอกจาก 5 อันนี้ ไว้มาบอกต่อกันบ้างนะคร้าบบ 😄
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
console.log c# 在 C# 之Console 基本用法整理 - Mike's Notes 的推薦與評價
輸入文字 · Read:讀取輸入字串字首的ASCII 變數= Console.Read() · ReadLine:讀取一整行的輸入文字字串 變數= Console.ReadLine() · ReadKey:用來當做「按 ... ... <看更多>
console.log c# 在 Console Log en .Net C# (aspx.cs Debug How to ... - YouTube 的推薦與評價

Console Log en .Net C# (aspx.cs Debug). Console. log en el navegador cuando se programa con .NET aspx y necesitamos mirar la ejecución del ... ... <看更多>
console.log c# 在 Equivalent of console.log in C# - Stack Overflow 的推薦與評價
... <看更多>