در زبان جاوا اسکریپت یکی از مهمترین ابزار ما در  مرورگر پنل console است. در این پنل پیام های مهمی مانند خطاها برای توسعه دهندگان نمایش داده میشود.تقریبا بیشتر کارهایی که مرورگر با کد های ما انجام میدهد برای کاربر قابل مشاهده نیست , در نتیجه برای اینکه بتوانیم اتفاقاتی که در حال انجام است را بررسی و کنترل کنیم باید از این پنل استفاده کرد.در این پنل با استفاده از کلمه کلیدی console که به عنوان یک شی از پیش تعریف شده توسط جاوا اسکریپت شناسایی میشود میتوانیم کدهایمان را کنترل کنیم.

پنل console کجاست؟

در هر مرورگری که باشید دو راه برای ورود به پنل کنسول وجود دارد.اولین راه این است که روی صفحه مرورگر راست کلیک کرده و سپس گزینه inspect را انتخاب کنید و با زدن گزینه دوم از سمت چپ پنل کسول برای شما باز میشود.راه دوم و ساده تر با فشردن کلید F12 روی کیبورد خود و سپس گزینه console نیز وارد این پنل خواهید شد.

                         آموزش پنل کنسول

چگونه از console استفاده کنیم؟

همانگونه که گفته شد با استفاده از کلمه console میتوانیم عملیات انجام شده مرورگر را زیر نظر بگیریم اما این کلمه به تنهایی کافی نیست.فرض کنید در کد های خود میخواهید عملیاتی را به این صورت انجام دهید که دو عدد در دو متغیر  با نام های  n1و n2 تعریف کرده و بایکدیگر جمع کنید و نتیجه را در متغیری با نام sum بریزید.اگر نتیجه بزرگتر از 10 شد کلمه ی hello user نمایش داده شود و اگر عدد کوچکتر از 10 شد کلمه bye نمایش داده شود.حال اگر این عملیات را کمی پیپیده تر در نظر بگیریم و با خطا روبه رو شویم مرورگر در صفحه کاری با آن متغیر های تعریف شده ندارد, تنها نتیجه عملیاتی که برای آن تعریف شده است را نمایش میدهد و اینگونه ما متوجه نمیشویم کجای کارمان اشتباست.در این لحظه کنسول به داد ما میرسد.با استفاده از دستور console.log() میتوانیم هر مقداری را که در کدمان تعریف کرده ایم و نتیجه ی هر عملیاتی که در کدمان اعمال شده است را ببینیم.تنها کافیست مقداری که مدنظرمان است را داخل پرانتز وارد کنیم: console.log(7) .پس از اجرای کد در پنل کنسول عدد 7 به نمایش در خواهد آمد .حال برای مثالی که بالاتر زدیم چگونه عمل کنیم؟ برای مثال اگر بخواهیم مقدار sum را در پنل کنسول مشاهده کنیم میتوانیم اینگونه عمل کنیم:  console.log($sum.val()).به زودی با متغیر های جاوا اسکریپت نیز آشنا میشویم. 

چکیده مطلب:

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

نوشتن یک نظر