ข้อแตกต่างระหว่าง printIn และ console.log ใน JavaScript คืออะไร (ตอบแล้ว) – ความแตกต่างทั้งหมด

04-06-202304-06-2023 Mary Davis

สารบัญ

JavaScript เป็นภาษาโปรแกรมที่มีเฉพาะในเว็บเบราว์เซอร์เท่านั้น คอนโซล JavaScript เป็นอินเทอร์เฟซบรรทัดคำสั่งในเบราว์เซอร์ของคุณที่อนุญาตให้คุณเรียกใช้ข้อมูลโค้ด เมื่อข้อมูลโค้ดนั้นได้รับการออกแบบให้โต้ตอบกับหน้าเว็บที่คุณกำลังดูอยู่ ผลลัพธ์ที่ไม่คาดคิดอาจเกิดขึ้นได้

“PrintIn” ทำให้ข้อความถูกพิมพ์ไปยังคอนโซล ในขณะที่คุณ อาจใช้ “console.log” เพื่อบันทึกและใช้เพื่อวัตถุประสงค์ต่างๆ เช่น ส่งอีเมลเป็นรายงานข้อผิดพลาด

หากคุณเป็นโปรแกรมเมอร์ คุณจะรู้ว่าการใช้และทำความเข้าใจนั้นสำคัญเพียงใด ภาษาสคริปต์เช่น JavaScript คือ อย่างไรก็ตาม มีบางครั้งที่คุณอาจสับสนเกี่ยวกับฟังก์ชันต่างๆ ของมัน

เหมือนกับฟังก์ชัน printIn และ console.log เพื่อช่วยให้คุณเข้าใจความแตกต่างและการประยุกต์ใช้ฟังก์ชันทั้งสองนี้ ฉันจะอธิบายความหมายและวิธีทำงาน

เริ่มกันเลย!

JavaScript คืออะไร

JavaScript เป็นภาษาสคริปต์สำหรับสร้างเนื้อหาที่อัปเดตเป็นประจำ ควบคุมมัลติมีเดีย สร้างกราฟิกแอนิเมชั่น และอื่นๆ อีกมากมาย

ภาษาการเขียนโปรแกรม JavaScript มีความสามารถในการเขียนโปรแกรมมาตรฐานบางอย่างที่ช่วยให้คุณทำสิ่งต่างๆ เช่น:

เมื่อมีเหตุการณ์บางอย่างเกิดขึ้นบนหน้าเว็บ คุณสามารถตอบสนองต่อโค้ดที่ทำงานอยู่ได้
คุณสามารถใช้ตัวแปรเพื่อเก็บข้อมูลที่เป็นประโยชน์
คุณสามารถใช้ “สตริง” ซึ่งเป็นการดำเนินการแก้ไขข้อความในการเขียนโปรแกรม

ในทางกลับกัน ฟังก์ชันที่เพิ่มเข้ามานอกเหนือจากภาษา JavaScript ของผู้ใช้นั้นน่าสนใจยิ่งกว่า Application Programming Interfaces (API) ให้ฟังก์ชันพิเศษสำหรับโค้ด JavaScript ของคุณ

กล่าวโดยสรุปคือ JavaScript มีฟังก์ชันมากมายที่ให้คุณควบคุมสิ่งที่คุณกำลังเขียนโค้ด ฟังก์ชันเหล่านี้รวมถึง printIn และ console.log

PrintIn คืออะไร

การเข้ารหัส

PrintIn เป็นวิธีการ Java สำหรับการแสดงข้อความบนคอนโซล วิธีการนี้ยอมรับข้อความนี้เป็นพารามิเตอร์ในรูปแบบของสตริง วิธีนี้จะพิมพ์ข้อความไปยังคอนโซลโดยให้เคอร์เซอร์อยู่ที่จุดเริ่มต้นของบรรทัดต่อไปนี้

การพิมพ์ครั้งต่อไป เริ่มที่บรรทัดถัดไป มีหลายวิธีในการพิมพ์เช่น:

void printIn()	เขียนสตริงตัวคั่นบรรทัดเพื่อสิ้นสุดบรรทัดปัจจุบัน
void printIn(boolean x)	บรรทัดถูกยกเลิกหลังจากพิมพ์บูลีน
void printIn(char x)	บรรทัดถูกยกเลิกหลังจากพิมพ์อักขระ
void print(char [ ] x)	บรรทัดถูกยกเลิกหลังจากพิมพ์อาร์เรย์ของอักขระ
void printIn(double x)	บรรทัดถูกยกเลิกหลังจากพิมพ์สองบรรทัด
void printIn(float x)	บรรทัดถูกยกเลิกหลังจากพิมพ์ลอย
เป็นโมฆะprintIn(int x)	บรรทัดถูกยกเลิกหลังจากพิมพ์จำนวนเต็ม
void printIn(long x)	บรรทัดสิ้นสุดหลังจากพิมพ์พร้อม
void printIn(Object x)	บรรทัดสิ้นสุดหลังจากพิมพ์วัตถุ
โมฆะ printIn(String x)	บรรทัดถูกยกเลิกหลังจากพิมพ์สตริง

ใช้วิธีการต่างๆ ใน printIn

แม้ว่าจะมีหลายวิธีที่คุณสามารถใช้ในการเขียนโค้ดงานของคุณ คุณอาจพบวิธีอื่นในการแสดงข้อความในคอนโซล ในคอนโซล มีสองวิธีที่คุณสามารถพิมพ์งาน วิธีแรกคือ printIn ในขณะที่อีกวิธีหนึ่งคือการพิมพ์

เพื่อให้คุณไม่สับสนระหว่างการพิมพ์สองวิธีนี้ เรามา กำหนดความแตกต่างระหว่างวิธีที่สองในการพิมพ์ การพิมพ์

การพิมพ์เป็นวิธี Java สำหรับการแสดงข้อความบนคอนโซล วิธีนี้ยอมรับข้อความนี้เป็นพารามิเตอร์ในรูปแบบของ สตริง วิธีนี้จะพิมพ์ข้อความไปยังคอนโซลโดยที่เคอร์เซอร์อยู่ที่ท้ายบรรทัดต่อไปนี้

การพิมพ์ครั้งต่อไป จะเริ่มที่นี่ มีหลายวิธีในการพิมพ์ เช่น:

<18

void print(boolean b)	ค่าบูลีนถูกพิมพ์
พิมพ์เป็นโมฆะ (อักขระ c)	พิมพ์อักขระเป็น
พิมพ์เป็นโมฆะ (อักขระ [ ] วินาที)	พิมพ์อาร์เรย์ของอักขระ
พิมพ์เป็นโมฆะ (double d)	ความแม่นยำสองเท่า พิมพ์เลขทศนิยม
พิมพ์เป็นโมฆะ (เลขทศนิยม f)	พิมพ์เลขทศนิยม
พิมพ์เป็นโมฆะ(int i)	พิมพ์จำนวนเต็ม
พิมพ์เป็นโมฆะ(ยาว l )	พิมพ์จำนวนเต็มยาว
พิมพ์เป็นโมฆะ (วัตถุ obj)	พิมพ์วัตถุ .
พิมพ์เป็นโมฆะ (สตริง s)	พิมพ์สตริงแล้ว

ใช้วิธีการต่างๆ ในการพิมพ์

กล่าวโดยสรุปคือ ความแตกต่างที่สำคัญระหว่างสองวิธีคือการวางข้อความที่พิมพ์ในคอนโซล PrintIn อยู่ที่จุดเริ่มต้นของบรรทัดต่อไปนี้ ขณะที่ Print อยู่ที่ ท้ายบรรทัดต่อไปนี้

หากคุณสนใจที่จะทราบเกี่ยวกับ windows 10-pro และ pro-n ให้ตรวจสอบ บทความอื่นๆ ของฉัน

Console.log คืออะไร?

Console.log

คอนโซลเป็นวัตถุ JavaScript ที่ให้คุณเข้าถึงคอนโซลการแก้ไขข้อบกพร่องของเบราว์เซอร์

คอนโซลเป็น JavaScript ฟังก์ชันที่พิมพ์ตัวแปรใด ๆ ที่กำหนดไว้ก่อนหน้านี้ รวมทั้งข้อมูลใด ๆ ที่จำเป็นต้องแสดงต่อผู้ใช้

เอาต์พุตส่วนใหญ่จะถูกบันทึก (พิมพ์) ไปยังเทอร์มินัล ประเภทใดก็ได้สามารถส่งผ่านไปยัง log() รวมถึงสตริง อาร์เรย์ อ็อบเจกต์ และบูลีน

เมธอดของ console.log()เอาต์พุตจะมองเห็นได้ในคอนโซล JavaScript ซึ่งเข้าถึงได้ผ่านเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ สิ่งที่คุณส่งออกด้วย console.log() สามารถเข้าถึงได้โดยผู้ใช้ปลายทางทั้งหมด โดยไม่คำนึงถึงกลุ่มหรือบทบาทของผู้ใช้

ลองมาดูวิธีการใช้งานและผลลัพธ์หลังจากใช้ฟังก์ชันนี้

JavaScript เอาต์พุต

// console. log() เมธอด

console.log('abc');

console.log(1);

console .log(true);

console .log(null);

console .log(undefined);

console .log([1, 2, 3, 4]); // array inside lo g

console .log({a:1, b:2, c:3}); // object inside lo g

abc

จริง

null

ไม่ได้กำหนด

อาร์เรย์(4) [ 1, 2, 3, 4 ]

วัตถุ { a : 1, b : 2 , c : 3

อินพุตและเอาต์พุตโดยใช้ console.log

คืออะไร วิธีพิมพ์ไปยังคอนโซลด้วย Console.log ใน Javascript หรือไม่

เป็นวิธีคอนโซลที่ได้รับความนิยมและใช้กันอย่างแพร่หลายของ JavaScript วิธีนี้มักใช้เพื่อพิมพ์ข้อความหรือผลการคำนวณต่างๆ ไปยังคอนโซล หรือแม้แต่ในขณะที่แก้จุดบกพร่องโค้ด

คุณได้เขียนโค้ดที่บวกเลขสองตัว และคุณต้องการดูผลลัพธ์ ของการดำเนินการนั้นบนคอนโซล ในกรณีนี้ คุณสามารถใช้เมธอด console.log()

Console.log เป็นซิงโครนัสหรืออะซิงโครนัส

ก่อนที่ฉันจะคุยกับคุณว่า Console.log เป็นซิงโครนัสหรืออะซิงโครนัส ฉันจะให้คำจำกัดความก่อนว่าซิงโครนัสและอะซิงโครนัสคืออะไร

ซิงโครนัสหมายความว่าเกิดขึ้นพร้อมกัน ในขณะที่อะซิงโครนัสหมายความว่า มันไม่ได้เกิดขึ้นพร้อมกัน ดังนั้นผู้เข้าร่วม/ผู้ใช้แบบซิงโครนัสสามารถรับข้อเสนอแนะได้ทันที อะซิงโครนัสช่วยให้คุณเรียนรู้ในเวลาของคุณเอง

หากต้องการตอบ concole.log เป็นแบบอะซิงโครนัส ฉันจะแสดงให้คุณเห็นว่าทำไมโดยการแสดงตัวอย่าง โดยเฉพาะอย่างยิ่งการจัดเรียงอาร์เรย์ของออบเจกต์ในลักษณะที่มีประสิทธิภาพมากขึ้น เริ่มกันเลย

สมมติว่าคุณมีวัตถุต่อไปนี้ในอาร์เรย์ของคุณ:

ให้ผู้ใช้ = [ { ชื่อ: “Nicole” , อายุ: 20, นามสกุล: “ลูน่า” } , { ชื่อ: “คาร่า” อายุ: 21 นามสกุล: “ลิม” } , { ชื่อ: “ลาร่า” อายุ: 20 นามสกุล: “ทูซอน” }; ]

วัตถุอาร์เรย์

คุณต้องจัดเรียงอาร์เรย์นี้ตามชื่อฟิลด์ ซึ่งโดยปกติจะทำดังนี้

/ / ตามชื่อ ( Cara, Lara, Nicole )

users.sort ( ( a, b ) => a.name > b.name ? 1 : -1);

/ / ตามอายุ ( Lara, Nicole, Cara )

users.sort ( ( a, b ) => a.age > b.name ? 1 : -1);

การเรียงลำดับวัตถุอาร์เรย์

ในการจัดเรียงอย่างมีประสิทธิภาพมากขึ้น คุณจะมีสิ่งนี้:

users.sort(byField( 'name' ));

users.sort(byField( 'age' ));

การเรียงลำดับวัตถุอาร์เรย์ (วิธีง่ายๆ)

ในการทำเช่นนั้น คุณต้องเขียนฟังก์ชัน "Byfield" เพื่อส่งผ่านและจัดเรียงไปยัง Array.prototype.sort ของวัตถุในอาร์เรย์ของคุณ นี่ไม่ใช่จุดสนใจหลักของบทความนี้ แต่โปรดดูตัวอย่างด้านล่างเพื่อเติมตัวอย่างข้างต้นด้วยวิธีง่ายๆ

ดูสิ่งนี้ด้วย: ความแตกต่างระหว่างฮัฟเฟิลพัฟกับกริยฟินดอร์คืออะไร? (อธิบายข้อเท็จจริง) - ความแตกต่างทั้งหมด

> ให้ผู้ใช้ =[ { ชื่อ: “นิโคล” อายุ: 20 นามสกุล: “ลูน่า” } , { ชื่อ: “คาร่า” อายุ: 21 นามสกุล: “ลิม” } , { ชื่อ: “ลาร่า” อายุ: 20 นามสกุล: “ทูซอน” }; ]

ฟังก์ชัน byField ( fieldName ){ กลับ (a, b) => [ชื่อฟิลด์] ? 1 : -1 ;

users.sort(byField( 'name' ) );

concole.log(users);

users.sort(byField( 'age' ) );

concole.log(ผู้ใช้);

(3) [ { … }, { … }, { … } ]

> 0: { ชื่อ: ” Lara “ อายุ: ” 20 ” นามสกุล: ” Tuazon ”

> 1: { ชื่อ: ” Nicole “ อายุ: ” 20 ” นามสกุล: ” Luna ”

> 1: { ชื่อ: ” Cara “ อายุ: ” 21 ” นามสกุล: ” Lim ”

ความยาว: 3

> _proto_: อาร์เรย์ (0)

(3) [ { … }, { … }, { … } ]

> 0: { ชื่อ: ” Lara “ อายุ: ” 20 ” นามสกุล: ” Tuazon ”

> 1: { ชื่อ: ” Nicole “ อายุ: ” 20 ” นามสกุล: ” Luna ”

> 1: { ชื่อ: ” Cara “ อายุ: ” 21 ” นามสกุล: ” Lim ”

ความยาว: 3

> _proto_: อาร์เรย์ (0)

จัดเรียงวัตถุอาร์เรย์

คุณสามารถดูได้จากตารางด้านบนว่าฉันจัดเรียง ออบเจ็กต์อาร์เรย์สองครั้ง ฉันเรียงลำดับตามชื่อก่อน ถัดไปตามอายุ และหลังจากการจัดเรียงแต่ละครั้ง ฉันเรียกใช้ console.log () นอกจากนี้ คุณอาจสังเกตเห็นว่า console.log() กู้คืนเอาต์พุตเดียวกันสำหรับผลลัพธ์ทุกประเภท แต่ไม่ใช่ในกรณีนี้ ให้ฉันอธิบายว่าทำไม

ฉันรันโค้ดด้านบนทั้งหมดพร้อมกัน จากนั้นตัดสินใจขยายทุกปฏิกิริยาจาก console.log () สิ่งนี้มีความสำคัญเนื่องจาก console.log() คือแบบอะซิงโครนัส

ในแง่ของ Event Loop คุณลักษณะแบบอะซิงโครนัสทั้งหมดจะมาถึง Event Table ในกรณีนี้ หลังจากเรียก console.log() ขึ้นมา ก็จะดำเนินการต่อไปยังตารางเหตุการณ์และรอให้เหตุการณ์ใดเหตุการณ์หนึ่งเกิดขึ้น

เมื่อมีเหตุการณ์เกิดขึ้น console.log() จะถูกส่งไปยัง Event Queue ซึ่งจะรอจนกว่ากระบวนการทั้งหมดใน Event Queue นี้ที่มีอยู่แล้วเมื่อ Console.log ของคุณถูกวางและถูกส่งไปยัง Call Stack จากนั้น console.log() ของคุณจะถูกส่งไปยัง Call Stack นี้เช่นกัน

จะเปิด Javascript Console.log ได้อย่างไร?

ในเว็บเบราว์เซอร์ Console เป็นหนึ่งในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ ในการแก้ปัญหารหัส JavaScript ของคุณ คุณสามารถใช้คอนโซล คอนโซลสามารถพบได้ในหลายแห่งขึ้นอยู่กับเบราว์เซอร์

ฉันจะสอนคุณว่าจะค้นพบคอนโซลได้จากที่ใดในเบราว์เซอร์ Google Chrome ของคุณในบทช่วยสอนนี้

ขั้นตอนในการเปิดบันทึกคอนโซลใน Chrome

มาดูวิธีเปิดบันทึกของคอนโซล Chrome กัน

เลือกตรวจสอบจากเมนูป๊อปอัปขณะที่เบราว์เซอร์ Chrome เปิดอยู่
องค์ประกอบ "เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์" แท็บ ” จะเปิดตามค่าเริ่มต้นเมื่อคุณเรียกใช้ Inspect ทางด้านขวาของ "องค์ประกอบ" ให้คลิก "คอนโซล"
ตอนนี้คุณสามารถดูคอนโซลรวมถึงผลลัพธ์ใดๆ ที่บันทึกไว้ในบันทึกของคอนโซล

คุณยังสามารถเปิด เครื่องมือสำหรับนักพัฒนา Chrome โดยใช้ปุ่มลัดจำนวนหนึ่ง ตามเวอร์ชันของ Chrome คุณสามารถใช้ทางลัดต่อไปนี้:

ดูสิ่งนี้ด้วย: โบอิ้ง 767 กับ โบอิ้ง 777- (การเปรียบเทียบโดยละเอียด) – ความแตกต่างทั้งหมด

สำหรับ Windows และ Linux

Ctrl + Shift + I	หน้าต่างเครื่องมือสำหรับนักพัฒนาจะปรากฏขึ้น
Ctrl + Shift + J	เลือกแท็บคอนโซลในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
Ctrl + Shift + C	สลับโหมดตรวจสอบองค์ประกอบ

ปุ่มลัด

ความคิดสุดท้าย

ความแตกต่างหลัก ระหว่าง printIn และ console.log เป็นฟังก์ชันและ ผลลัพธ์ของโค้ด PrintIn พิมพ์ข้อความไปยังคอนโซลในขณะที่ console.log พิมพ์ตัวแปรที่มีสตริงที่เคยเข้ารหัสไว้ก่อนหน้านี้

โดยพื้นฐานแล้ว ฟังก์ชันเหล่านี้ของ Javascript ช่วยให้คุณสามารถพิมพ์และแสดงตัวแปรและข้อความไปยังคอนโซลได้ ใน JavaScript คุณสามารถพิมพ์ได้หลายวิธี

วิธีบันทึกคอนโซล JavaScript เป็นตัวเลือกที่ใช้บ่อยที่สุดเมื่อทำการดีบัก ในการดีบักโค้ดของคุณอย่างมีประสิทธิภาพมากขึ้น คุณควรฝึกฝนโค้ดเหล่านี้ทั้งหมดและเรียนรู้วิธีใช้อย่างถูกต้อง

โปรแกรมเมอร์และนักพัฒนามักใช้สิ่งเหล่านี้เพื่อพิมพ์ตัวแปรใดๆ ที่กำหนดไว้ล่วงหน้า รวมทั้งข้อมูลใดๆ ที่จำเป็น เพื่อนำเสนอต่อผู้ใช้