تفاوت بین printIn و console.log در جاوا اسکریپت چیست؟ (پاسخ) - همه تفاوت ها
فهرست مطالب
جاوا اسکریپت یک زبان برنامه نویسی است که فقط در مرورگرهای وب موجود است. کنسول جاوا اسکریپت یک رابط خط فرمان در مرورگر شما است که به شما امکان می دهد قطعه کد را اجرا کنید. وقتی آن قطعه کد برای تعامل با صفحه وبی که در حال حاضر مشاهده می کنید طراحی شده است، نتایج غیرمنتظره ای ممکن است رخ دهد.
«PrintIn» باعث می شود متن در کنسول چاپ شود، در حالی که شما ممکن است از "console.log" برای ورود به سیستم و استفاده از آن برای اهداف مختلف، مانند ارسال ایمیل به عنوان گزارش اشکال استفاده کند.
اگر شما یک برنامه نویس هستید، می دانید استفاده و درک آن چقدر مهم است. زبان های برنامه نویسی مانند جاوا اسکریپت است. با این حال، مواقعی وجود دارد که ممکن است در مورد عملکردهای آن گیج شوید.
درست مانند تابع printIn و console.log. برای کمک به درک تفاوت و کاربرد این دو تابع، معنی آنها و نحوه کار آنها را توضیح می دهم.
بیایید شروع کنیم!
JavaScript چیست؟
جاوا اسکریپت چیست؟
جاوا اسکریپت یک زبان برنامه نویسی برای ایجاد مطالب به روز شده منظم، کنترل چند رسانه ای، متحرک سازی گرافیک و تقریباً هر چیز دیگری است.
زبان برنامه نویسی جاوا اسکریپت دارای قابلیت های برنامه نویسی استاندارد خاصی است که به شما امکان می دهد کارهایی مانند:
- وقتی رویدادهای خاصی در یک صفحه وب رخ می دهد، می توانید به یک کد در حال اجرا پاسخ دهید.
- شما می توانید از متغیرها برای ذخیره داده های مفید استفاده کنید.
- شما می توانید از "strings" که یک عملیات ویرایش متن است استفاده کنید.در برنامه نویسی
عملکردی که در بالای زبان جاوا اسکریپت کاربر اضافه شده است، از طرف دیگر جالب تر است. رابط های برنامه نویسی کاربردی (API) به کد جاوا اسکریپت توابع اضافی می دهند.
به طور خلاصه، جاوا اسکریپت دارای عملکردهای زیادی است که به شما امکان می دهد آنچه را که در حال کدنویسی هستید کنترل کنید. این توابع عبارتند از printIn و console.log.
PrintIn چیست؟
coding
PrintIn یک روش جاوا برای نمایش متن در کنسول است. این روش این متن را به عنوان یک پارامتر در قالب یک رشته می پذیرد. این روش متن را در کنسول چاپ می کند در حالی که مکان نما را در ابتدای خط زیر نگه می دارد.
چاپ بعدی از خط بعدی شروع می شود . چندین روش printIn وجود دارد مانند:
void printIn() | رشته جداکننده خط را برای پایان دادن به خط فعلی می نویسد. |
void printIn(boolean x) | خط پس از چاپ یک Boolean خاتمه می یابد. |
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) | خط پس از چاپ یک شیء خاتمه می یابد. |
void printIn(String x) | خط پس از چاپ یک رشته خاتمه می یابد. |
استفاده از روش های مختلف در printIn
اگرچه روش های زیادی دارد که ممکن است در کدنویسی کار خود از آنها استفاده کنید، اما ممکن است با روش دیگری برای نمایش متن در کنسول مواجه شوید. در کنسول، دو روش وجود دارد که می توانید کار خود را چاپ کنید، اولی printIn و دیگری چاپی است.
همچنین ببینید: آیا تفاوتی بین کارتون و انیمه وجود دارد؟ (بیایید کاوش کنیم) - همه تفاوت هابرای اینکه بتوانید بین این دو روش چاپ اشتباه نگیرید، بیایید تفاوت روش دوم در چاپ یعنی پرینت را مشخص کنید.
Print یک روش جاوا برای نمایش متن در کنسول است. این روش این متن را به عنوان پارامتر در قالب یک می پذیرد. رشته این روش متن را در کنسول چاپ می کند در حالی که مکان نما را در انتهای خط زیر نگه می دارد.
چاپ بعدی از اینجا شروع خواهد شد . چندین روش printIn وجود دارد مانند:
void print(boolean b) | یک مقدار boolean چاپ می شود. |
چاپ خالی (شاخه ج) | یک کاراکتر چاپ شده است. |
چاپ خالی (شاخه [ ] s) | آرایهای از کاراکترها چاپ میشوند. |
چاپ خالی (دو d) | یک دقت دو برابر شماره ممیز شناور چاپ شده است. |
چاپ خالی (float f) | یک عدد ممیز شناور چاپ شده است. |
چاپ خالی (int i) | یک عدد صحیح چاپ شده است. |
چاپ خالی (طول l ) | یک عدد صحیح طولانی چاپ می شود. |
void print(Object obj) | یک شی چاپ می شود . |
چاپ خالی (رشته s) | یک رشته چاپ شده است. |
استفاده از روش های مختلف در چاپ
به طور خلاصه تفاوت اصلی بین این دو در قرار دادن متن چاپ شده در کنسول است. PrintIn در ابتدای خط زیر است در حالی که Print در انتهای خط زیر است.
اگر میخواهید در مورد ویندوز 10-pro و pro-n بدانید، بررسی کنید مقاله دیگر من را منتشر کنید.
Console.log چیست؟
Console.log
کنسول یک شی جاوا اسکریپت است که به شما امکان دسترسی به کنسول اشکال زدایی مرورگر را می دهد.
consol.log یک جاوا اسکریپت است. تابعی که هر متغیری را که قبلاً در آن تعریف شده است و همچنین هر اطلاعاتی را که باید به کاربر نشان داده شود چاپ می کند.
خروجی عمدتاً در ترمینال ثبت می شود (چاپ می شود). هر نوع را می توان به log()، از جمله رشته ها، آرایه ها، اشیاء و بولی ها منتقل کرد.
روش console.log()خروجی در کنسول جاوا اسکریپت قابل مشاهده است که از طریق ابزار توسعه دهنده مرورگر قابل دسترسی است. هر آنچه که با console.log() خروجی میکنید، برای همه کاربران نهایی، صرف نظر از گروه یا نقش آنها، قابل دسترسی است.
بیایید نگاهی به نحوه استفاده از آن و خروجی پس از استفاده از این تابع بیندازیم.
جاوااسکریپت | خروجی |
// console. log() روش | abc 1 true null undefined Array(4) [ 1, 2, 3, 4 ] Object { a : 1, b : 2 , c : 3
|
ورودی و خروجی با استفاده از console.log
چیست روش Print to Console with Console.log در جاوا اسکریپت؟
این محبوب ترین و پرکاربردترین روش کنسول جاوا اسکریپت است. این روش اغلب برای چاپ پیامهای مختلف یا نتایج محاسباتی در کنسول یا حتی هنگام اشکالزدایی کد استفاده میشود.
شما کدی نوشتهاید که دو عدد را اضافه میکند و میخواهید نتیجه را ببینید. آن عملیات روی کنسول؛ در این مورد، می توانید از متد console.log() استفاده کنید.
3988
آیا Console.log همزمان است یا ناهمزمان؟
قبل از اینکه با شما در مورد همزمان یا ناهمزمان بودن console.log بحث کنم، ابتدا تعریف می کنم که همزمان و ناهمزمان چیست.
Synchronous به این معنی است که همزمان رخ می دهد در حالی که ناهمزمان به این معنی است که در همان زمان رخ نمی دهد. بنابراینشرکتکنندگان/کاربران همزمان میتوانند بلافاصله بازخورد دریافت کنند. Asynchronous به شما امکان می دهد در زمان خود یاد بگیرید.
برای پاسخ دادن، concole.log ناهمزمان است. من با نشان دادن مثالها، بهویژه مرتبسازی آرایهای از اشیا به شیوهای کارآمدتر، به شما نشان میدهم که چرا چنین است. بیایید شروع کنیم.
بیایید فرض کنیم که اشیاء زیر را در آرایه خود دارید:
let users = [ { name: “Nicole” , سن: 20، نام خانوادگی: “Luna” } , { نام: “Cara” , سن: 21, نام خانوادگی: “Lim” } , { نام: “Lara” , سن: 20, نام خانوادگی: “Tuazon” }; ] |
اشیاء آرایه
شما باید این آرایه را بر اساس نام فیلد مرتب کنید، که معمولاً به صورت زیر انجام می شود.
/ / با نام ( Cara, Lara, Nicole ) users.sort ( ( a, b ) => a.name > b.name ? 1 : -1); / / براساس سن ( لارا، نیکول، کارا ) 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، نام خانوادگی: “Tuazon” }; ] function byField ( fieldName ){ return (a, b ) => یک [نام فیلد]؟ 1 : -1 ; users.sort(byField( 'name' ) ); concole.log(users); users.sort(byField('age' ) ); concole.log(users); (3) [ { … }, { … }, { … } ] > 0: { نام: ” لارا ”، سن: ” 20 ” , نام خانوادگی: ” Tuazon ” > 1: { نام: ” نیکول ”، سن: ” 20 ” , نام خانوادگی: ” لونا ” > 1: { نام: ” Cara ”، سن: ” 21 ” , نام خانوادگی: ” Lim ” طول: 3 > _proto_: آرایه (0) (3) [ { … }, { … }, { … } ] > 0: { نام: ” لارا ”، سن: ” 20 ” , نام خانوادگی: ” Tuazon ” > 1: { نام: ” نیکول ”، سن: ” 20 ” , نام خانوادگی: ” لونا ” > 1: { نام: ” Cara ”، سن: ” 21 ” , نام خانوادگی: ” Lim ” طول: 3 > _proto_: آرایه (0)
|
اشیاء آرایه مرتب شده
از جدول بالا می توانید ببینید که من مرتب سازی می کنم اشیاء آرایه را دو بار، ابتدا بر اساس نام، بعد بر اساس سن مرتب می کنم و پس از هر عملیات مرتب سازی، console.log () را اجرا می کنم. همچنین، ممکن است مشاهده کرده باشید که console.log() خروجی یکسانی را برای هر نوع نتیجه بازیابی می کند، اما اینطور نیست. اجازه دهید توضیح دهم که چرا.
من کد را یکباره اجرا کردم، سپس تصمیم گرفتم هر واکنشی را از console.log () گسترش دهم. این مهم است زیرا console.log() استناهمزمان.
از نظر حلقه رویداد، همه ویژگیهای ناهمزمان به جدول رویداد میرسند. در این حالت، پس از نمایش console.log()، به Event Table رفته و منتظر می ماند تا یک رویداد خاص رخ دهد.
هنگامی که رویدادی رخ میدهد، console.log() به صف رویداد ارسال میشود، جایی که منتظر میماند تا تمام فرآیندهای موجود در این صف رویداد که قبلاً هنگام قرار دادن console.log شما وجود داشتهاند و به Call ارسال شده باشند. پشته، سپس console.log() شما نیز به این Call Stack ارسال می شود.
چگونه Javascript Console.log را باز کنیم؟
در مرورگرهای وب، کنسول یکی از چندین ابزار توسعه دهنده است. برای عیب یابی کد جاوا اسکریپت خود، می توانید از کنسول استفاده کنید. کنسول را می توان در بسیاری از مکان ها بسته به مرورگر پیدا کرد.
من در این آموزش به شما یاد خواهم داد که کجا کنسول را در مرورگر Google Chrome خود پیدا کنید.
مراحل نحوه باز کردن ورود به سیستم کنسول در Chrome
بیایید نحوه باز کردن گزارش کنسول Chrome را بررسی کنیم.
- در حالی که مرورگر Chrome باز است، Inspect را از منوی بازشو انتخاب کنید.
- Elements' The Developer Tools هنگامی که Inspect را اجرا می کنید، تب ” به طور پیش فرض باز می شود. در سمت راست «Elements»، روی «کنسول» کلیک کنید.
- اکنون میتوانید کنسول و همچنین هر خروجی ضبط شده در گزارش کنسول را مشاهده کنید.
همچنین میتوانید Chrome Developer Tools با استفاده از تعدادی کلید میانبر. با توجه به نسخه کروم شما، شمامی توانید از میانبرهای زیر استفاده کنید:
برای ویندوز و لینوکس،
Ctrl + Shift + I | پنجره Developer Tools ظاهر می شود. |
Ctrl + Shift + J | برگه Console را در Developer Tools انتخاب می کند. |
Ctrl + Shift + C | تغییر حالت عنصر را بررسی کنید |
کلیدهای میانبر
نظرات نهایی
تفاوت اصلی بین printIn و console.log عملکرد آنها و نتیجه کد است. PrintIn متن را در کنسول چاپ می کند در حالی که console.log هر متغیری را با رشته هایی که قبلا کدگذاری شده اند چاپ می کند.
اساساً، این توابع جاوا اسکریپت به شما امکان چاپ و نمایش متغیرها و متن را در کنسول می دهد. در جاوا اسکریپت، میتوانید با استفاده از روشهای مختلفی چاپ کنید.
روش log کنسول جاوا اسکریپت رایجترین گزینه در هنگام اشکالزدایی است. برای اشکال زدایی مؤثرتر کد خود، باید همه آنها را تمرین کنید و نحوه استفاده صحیح از آنها را بیاموزید.
برنامه نویسان و توسعه دهندگان اغلب از اینها برای چاپ هر متغیری که در آن از پیش تعریف شده است و همچنین هر اطلاعاتی که نیاز دارد استفاده می کنند. به کاربر ارائه شود.