درس 7 از 24

console.log() در JavaScript چیست؟ آموزش نمایش خروجی در کنسول مرورگر

بخش: مقدمه ای بر رشته ها در جاوا اسکریپت

درس‌های قبلی شما را با console.log() آشنا کردند، اما این درس قرار است عمیق‌تر وارد هدف و نحوه استفاده از آن شود.

در جاوااسکریپت، console.log() یک ابزار ساده اما قدرتمند است که برای نمایش پیام‌ها یا خروجی گرفتن از اطلاعات در کنسول مرورگر استفاده می‌شود. این ابزار بیشتر توسط توسعه‌دهندگان به کار می‌رود تا هنگام کار روی برنامه‌هایشان، کد را دیباگ کنند و آن را بررسی (inspect) کنند.

می‌توانید از console.log() استفاده کنید تا متن یا متغیرها را در کنسول لاگ کنید و مطمئن شوید کدتان درست اجرا می‌شود.

برای استفاده از console.log()، این متد را با مقداری که می‌خواهید خروجی بگیرید یا پیامی که می‌خواهید نمایش دهید، داخل پرانتز فراخوانی می‌کنید. چند مثال:

console.log("Hello, world!");
let num = 5;
console.log(num); // 5
"Hello, world!"
5

مثال اول عبارت Hello, world! را در کنسول مرورگر چاپ می‌کند، در حالی که مثال دوم مقدار 5 را چاپ می‌کند.

در اینجا یک مثال دیگر از کار کردن با console.log() آمده است:

let name = "Alice";
console.log("Hello, " + name + "!"); // Hello, Alice!
"Hello, Alice!"

همچنین می‌توانید چند مقدار را به صورت هم‌زمان و با جدا کردن آن‌ها با ویرگول به console.log() بدهید. برای مثال:

let name = "Alice";
let age = 25;
console.log("Name:", name, "Age:", age); // Name: Alice Age: 25
"Name:"
"Alice"
"Age:"
25

این کار برای لاگ کردن چند بخش اطلاعات به صورت هم‌زمان مفید است.

متد console.log() به شما کمک می‌کند کدتان را هنگام اجرا زیر نظر داشته باشید؛ در نتیجه پیدا کردن اشتباهات و فهمیدن اینکه برنامه‌تان چگونه رفتار می‌کند، آسان‌تر می‌شود.


سوالات

متد console.log() در جاوااسکریپت چه کاری انجام می‌دهد؟

  • کد شما را از نظر خطا بررسی (audit) می‌کند و نتایج را در کنسول مرورگر نمایش می‌دهد.
  • برای لاگ کردن داده‌ها استفاده می‌شود و خروجی را در کنسول مرورگر نمایش می‌دهد.
  • مقدارها را هم در یک پایگاه داده و هم در کنسول مرورگر ذخیره می‌کند.
  • محتوای HTML صفحه را تغییر می‌دهد و تغییرات را در کنسول مرورگر نشان می‌دهد.

چه چیزی در کنسول لاگ (چاپ) خواهد شد؟

const age = 10;
console.log(age);
  • 10
  • “10”
  • age
  • “age”

چرا console.log() هنگام ساخت وب‌اپلیکیشن‌ها مفید است؟

  • معمولاً برای بررسی عملکرد (performance) یک اپلیکیشن استفاده می‌شود و نتایج در کنسول دیده می‌شوند.
  • معمولاً توسط توسعه‌دهندگان برای دیباگ کردن و بررسی مقدارها یا عبارت‌ها (expressions) در کدشان هنگام توسعه استفاده می‌شود.
  • معمولاً برای بررسی خطاهای لینت (linting) در کد استفاده می‌شود و آن خطاها در کنسول نمایش داده می‌شوند.
  • معمولاً برای اطمینان از این استفاده می‌شود که کد جاوااسکریپت شما از بهترین شیوه‌ها (best practices) پیروی می‌کند.