مروری بر برخی متدهای Console

کنسول یک ابزار پر استفاده برای توسعه دهندگان است. به وسیله Console می توانید برنامه های خود را به سادگی عیب یابی کنید و از عملکرد آنها اطمینان حاصل کنید. این object دارای متد های متفاوتی برای اشکال زدایی می باشد که می تواند روند خطا زدایی در برنامه را تسریع کند. در ادامه کاربرد برخی از مهم ترین متدها را شرح می دهیم.

متد console.log

این متد برای چاپ کردن مقادیر متغیرها یا سایر عبارات، مقادیر مشخص شده به صورت مستقیم در خروجی کنسول استفاده می شود. بر اساس نوع متغیر خروجی متفاوت می باشد. برای مثال می توانید عبارات زیر را در کنسول مرورگر اجرا کنید تا خروجی ها را مشاهده کنید:

12345const a={hello: “Hello”, world: “World”};
console.log(a) ;

const b=”Hello World”;
console.log(b) ;

متد console.dir

این متد عملکردی شبیه به متد log دارد با این تفاوت که بر اساس نوع داده ساختار را به صورت درختی نمایش می دهد. با اجرای فرمان های زیر در کنسول مرورگر می توانید تفاوت آن ها را مشاهده کنید:

1234567const a=[‘Hello’,’World’];
console.log(a) ;
console.dir(a) ;

const b={hello: “Hello”, world: “World”};
console.log(b) ;
console.dir(b) ;

متد console.error

از این متد می توان برای موقعیت هایی که می خواهیم یک خطا را در کنسول نمایش دهیم استفاده کنیم، فرض کنید هنگامی که در حال اجرای یک api هستید و به علتی در ارتباط با سرور api خطایی رخ داده است با این متد می توانیم پیغام خطا را در کنسول نمایش دهیم. یکی از ویژگی های این متد آن است که محلی که این متد در کد برنامه فراخوانی شده است را نمایش می دهد(stack trace).

1console.error(“Error in calling API”)

متدهای console.time و console.timeEnd

از این متدها می توان برای محاسبه میزان زمان سپری شده بین اجرای یک بخش کد یا فراخوانی های توابع استفاده کرد. از این متدها می تواند برای سنجش میزان بهینه بودن کد استفاده کرد.

1234567console.time();
const count = 5000;
let sum = 0;
for(let i=0;i<=count;i=i+1) {
    sum += i;
}
console.timeEnd();

متد console.clear

این متد کلیه مقادیر چاپ شده قبلی در کنسول را پاک می کند.

1console.clear();

متد console.table

این متد مقادیر را در یک ساختار جدول نمایش می دهد. این متد در برخی مرورگرهای قدیمی ممکن است پشتیبانی نشود.

12const a = [1,2,3,4,5];
console.table(a);

متد copy

این تابع مقادیر را در حافظه کپی می کند و می توان از آن مقدار برای عملیات مورد نظر خود استفاده کنیم.

12const a={hello: “Hello”, world: “World”};
copy(a);

لیست کاملی از متدهای آبجکت console را می توانید در لینک زیر مشاهده کنید:

https://www.w3schools.com/jsref/obj_console.asp

نویسنده مطلب: افشین

منبع مطلب