استفاده موثرتر از اشیاء کنسول جاوا اسکریپت
1397/05/24 14:50 , بهزاد ناظمی

استفاده موثرتر از اشیاء کنسول جاوا اسکریپت

این مقاله در مورد استفاده از کنسول اشکال زدایی در ابزارهای توسعه دهنده است که در حال حاضر در همه مرورگرها وجود دارد. استفاده از کنسول به طور موثر به ردیابی نقص و یا اشکال زدایی هر کد جاوا اسکریپت در طول توسعه یا بعد از آن کمک می کند. اکثر ما از console.log() استفاده می کنیم که برای اهداف ردیابی و اشکال زدایی بسیار موثر است.

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

اولین تابع مهم که می تواند مورد استفاده قرار گیرد دارایی کنسول است که فقط اگر شرایط زیر دچار مشکل شود، چاپ می شود. اگر در مورد funciton آژاکس استفاده شود، اگر خطایی رخ دهد پس از آن که روش موفقیت نامیده می شود، چاپ بسیار موثری خواهد بود. در بسیاری از موارد، ما به اشتباه از تابع Ajax استفاده  می کنیم زیرا هیچ تفاوتی رخ نمی دهد، به همین دلیل یک الگوریتم مناسب برای عملکرد Ajax وجود دارد و به همین دلیل هنوز از گزارش کنسول داخل تابع خطای آژاکس استفاده می کنیم.

راه موثر استفاده از آن در Ajax در زیر نشان داده شده است.

1.	function toTestAsser(a,b){  
2.	console.assert(a>b, "the conditions failed");  
3.	}  

 

خروجی:

کد Ajax:

1.	$.ajax({  
2.	        type: 'GET',  
3.	          
4.	        url: url, // url will have the service call url  
5.	  
6.	        success: function(response) {  
7.	        console.assert(response !=null, "Response from the service is null : ServiceName ")  
8.	           var t = response;  
9.	  
10.	        },  
11.	        error: function(data) {  
12.	  
13.	            console.error("error on get token for authorization");  
14.	        }  
15.	    })  

خروجی:

console.table()   در نشان دادن شیء تکرار شده [آرایه و اشیاء در قالب آرایه] در فرم جدول کمک می کند ، جایی که حالت چینش صعودی و نزولی در پنجره کنسول امکان پذیر است.

کد:

1.	var arr = "This is array of objects or iteratable items"  
2.	arr = arr.split(" ") // output ["This", "is", "array", "of", "objects", "or", "iteratable", "items"]  
3.	console.table(arr) 

خروجی:

console.trace () ، در ردیابی خطا که در صورت استفاده از زنجیره طولانی تابع مورد استفاده قرار می گیرد، کمک می کند.

 console.time ()  و console.timeEnd ()  در پیدا کردن چقدر زمان دقیق اجرای یک تابع کمک می کند.

یکی دیگر از قابلیت های مفید xml data، console.dir (obj) است که شیء را براساس نشانه جاوا اسکریپت تبدیل می کند و console.dirXml (obj) که شیء به فرمت xml تبدیل می شود.

سایر توابع کنسول

 Console.group () و  console.groupEnd () کمک به پاسخ دادن بهتر با احساس بهتر می کند، اگر ما نیاز به دریافت پاسخ مناسب را داشته باشیم، میتواند یکپارچه شود.

کد:

1.	function testConsoleGroup() {  
2.	    console.group("User Obj"); // same lable name should be used - User Obj  
3.	        console.log("user 1");  
4.	        console.log("user 2");  
5.	        console.log("user 3");  
6.	        console.log("user 4");  
7.	        console.log("user 5");  
8.	    console.groupEnd("User Obj");  
9.	  
10.	} 

خروجی:

با استفاده از تابع پیش فرض کنسول که ذکر کردم، ما می توانیم به طور موثر برای اشکال زدایی  از فایل های JS استفاده کنیم  به جای این که فقط از console.log () برای تمام اطلاعات استفاده کنیم. هنوز هم توابع زیادی برای کشف وجود دارد.

 

   برگرفته از : https://www.c-sharpcorner.com

 

  

جالب است بخوانید

ES6 چیست و برنامه نویس های جاوا اسکریپت چه چیزهایی را باید بدانند؟

همه چیز درباره ی جاوا اسکریپت

دلایلی که نشان می دهد جاوا هنوز شماره 1 است!

Shell Scripting چیست و چرا باید از آن استفاده کرد؟

 

 

از آخرین دوره های آموزشی و تخفیف ها مطلع شوید

با تکمیل فرم زیر ، از اخبار و اطلاعات به روز برنامه نویسی و تکنولوژی عقب نمانید

آخرین مطالب

آموزش جامع SQL Server (جلسه ۱۲)
آموزش جامع SQL Server (جلسه ۱۲)

دستور UPDATE در SQL Server برای تغییر داده‌های موجود در یک جدول، از دستور UPDATE به شکل زیر استفاده ...

آموزش جامع SQL Server (جلسه ۱۵)
آموزش جامع SQL Server (جلسه ۱۵)

دستور DROP TABLE در SQL Server گاهی، لازم است یک جدول که دیگر استفاده‌ای ندارد را حذف کنید. برای ...

آموزش جامع SQL Server (جلسه ۳۵: Window Functionها – بخش ۲)
آموزش جامع SQL Server (جلسه ۳۵: Window Functionها – بخش ۲)

بخش اول از آخرین مبحث دوره جامع آموزش SQL Server در جلسه قبلی بررسی شد. این مبحث که ...

آخرین دیدگاه ها

دیدگاه خود را درباره این پست بنویسید

فرم ارسال نظرات