جاوا اسکرپٹ ایک پروگرامنگ زبان ہے جو صرف ویب براؤزرز میں دستیاب ہے۔ JavaScript کنسول آپ کے براؤزر میں ایک کمانڈ لائن انٹرفیس ہے جو آپ کو کوڈ کے ٹکڑوں کو چلانے کی اجازت دیتا ہے۔ جب وہ کوڈ کا ٹکڑا اس ویب صفحہ کے ساتھ تعامل کرنے کے لیے ڈیزائن کیا جاتا ہے جو آپ فی الحال دیکھ رہے ہیں، تو غیر متوقع نتائج سامنے آسکتے ہیں۔

بھی دیکھو: فل میٹل الکیمسٹ بمقابلہ فل میٹل الکیمسٹ: برادرہڈ - تمام اختلافات

"پرنٹ ان" متن کو کنسول پر پرنٹ کرتا ہے، جبکہ آپ اسے لاگ کرنے اور اسے مختلف مقاصد کے لیے استعمال کرنے کے لیے "console.log" استعمال کر سکتا ہے، جیسے کہ اسے بگ رپورٹ کے طور پر ای میل کرنا۔

اگر آپ پروگرامر ہیں، تو آپ جانتے ہیں کہ استعمال کرنا اور سمجھنا کتنا ضروری ہے۔ جاوا اسکرپٹ جیسی اسکرپٹ زبانیں ہیں۔ تاہم، بعض اوقات آپ اس کے افعال کے بارے میں الجھن میں پڑ سکتے ہیں۔

بالکل printIn اور console.log فنکشن کی طرح۔ ان دو فنکشنز کے فرق اور اطلاق کو سمجھنے میں آپ کی مدد کرنے کے لیے، میں ان کا مطلب بتاؤں گا اور وہ کیسے کام کرتے ہیں۔

آئیے شروع کریں!

JavaScript کیا ہے؟

جاوا اسکرپٹ کیا ہے؟

جاوا اسکرپٹ باقاعدگی سے اپ ڈیٹ کردہ مواد بنانے، ملٹی میڈیا کو کنٹرول کرنے، گرافکس کو متحرک کرنے، اور بہت کچھ کرنے کے لیے اسکرپٹ کی زبان ہے۔

جاوا اسکرپٹ پروگرامنگ لینگویج میں کچھ معیاری پروگرامنگ صلاحیتیں ہیں جو آپ کو اس طرح کے کام کرنے کے قابل بناتی ہیں:

• جب کسی ویب صفحہ پر کچھ واقعات رونما ہوتے ہیں، تو آپ چلتے ہوئے کوڈ کا جواب دے سکتے ہیں۔
• آپ مفید ڈیٹا کو ذخیرہ کرنے کے لیے متغیرات کا استعمال کر سکتے ہیں۔
• آپ "سٹرنگز" استعمال کر سکتے ہیں جو کہ ٹیکسٹ ایڈیٹنگ آپریشن ہے۔پروگرامنگ میں

دوسری طرف صارف جاوا اسکرپٹ کی زبان کے اوپر شامل کردہ فعالیت اور بھی دلچسپ ہے۔ ایپلیکیشن پروگرامنگ انٹرفیس (APIs) آپ کے JavaScript کوڈ کو اضافی فنکشن دیتے ہیں۔

مختصر طور پر، JavaScript میں بہت سے فنکشنز ہیں جو آپ کو کنٹرول کرنے کی اجازت دیتے ہیں کہ آپ کیا کوڈنگ کر رہے ہیں۔ ان فنکشنز میں printIn اور console.log شامل ہیں۔

پرنٹ ان کیا ہے؟

کوڈنگ

پرنٹ ان کنسول پر ٹیکسٹ ڈسپلے کرنے کا ایک جاوا طریقہ ہے۔ یہ طریقہ اس ٹیکسٹ کو اسٹرنگ کی شکل میں ایک پیرامیٹر کے طور پر قبول کرتا ہے۔ یہ نقطہ نظر درج ذیل لائن کے شروع میں کرسر کو رکھتے ہوئے متن کو کنسول پر پرنٹ کرتا ہے۔

اگلی پرنٹنگ اگلی لائن سے شروع ہوتی ہے ۔ پرنٹ ان کے کئی طریقے ہیں جیسے:

14> باطلprintIn(int x) 14 <20

printIn میں مختلف طریقوں کا استعمال

اگرچہ اس میں بہت سے طریقے ہیں جو آپ اپنے کام کو کوڈنگ میں استعمال کر سکتے ہیں، آپ کو کنسول میں ٹیکسٹ ڈسپلے کرنے کے لیے کسی اور طریقے کا سامنا کرنا پڑ سکتا ہے۔ کنسول میں، دو طریقے ہیں جہاں آپ اپنے کام کو پرنٹ کر سکتے ہیں، پہلا پرنٹ ان ہے جبکہ دوسرا پرنٹ۔ پرنٹنگ کے دوسرے طریقے، پرنٹ کے درمیان فرق کی وضاحت کریں۔

پرنٹ کنسول پر متن کو ظاہر کرنے کے لیے جاوا کا طریقہ ہے۔ یہ طریقہ اس متن کو ایک پیرامیٹر کے طور پر قبول کرتا ہے۔ تار یہ نقطہ نظر درج ذیل لائن کے آخر میں کرسر کو رکھتے ہوئے متن کو کنسول پر پرنٹ کرتا ہے۔

اگلی پرنٹنگ یہاں شروع ہوگی ۔ پرنٹ ان کے کئی طریقے ہیں جیسے:

void printIn()	موجودہ لائن کو ختم کرنے کے لیے لائن سیپریٹر سٹرنگ لکھتا ہے۔
void printIn(boolean x)	بولین پرنٹ کرنے کے بعد لائن ختم ہوجاتی ہے۔
void printIn(char x)	کریکٹر پرنٹ کرنے کے بعد لائن ختم کردی جاتی ہے۔
void print(char [ ] x)	حروف کی صف پرنٹ کرنے کے بعد لائن ختم کردی جاتی ہے۔
void printIn(double x)	لائن کو ڈبل لائن پرنٹ کرنے کے بعد ختم کر دیا جاتا ہے۔
void printIn(float x)	لائن کو فلوٹ پرنٹ کرنے کے بعد ختم کردیا جاتا ہے۔<17
انٹیجر پرنٹ کرنے کے بعد لائن ختم ہوجاتی ہے۔
void printIn(long x)
void printIn(String x)	سٹرنگ پرنٹ کرنے کے بعد لائن ختم ہوجاتی ہے۔

<18

void پرنٹ(بولین بی) 17>	بولین ویلیو پرنٹ کی جاتی ہے۔
void print(char c)	ایک کریکٹر پرنٹ ہوتا ہے۔
void print(char ے)	حروف کی ایک صف پرنٹ کی جاتی ہے۔
void print(double d)	ایک ڈبل درستگی فلوٹنگ پوائنٹ نمبر پرنٹ کیا گیا ہے۔
void print(float f)	ایک فلوٹنگ پوائنٹ نمبر پرنٹ کیا گیا ہے۔
void print(int i)	ایک انٹیجر پرنٹ کیا جاتا ہے۔
void print(long l )	ایک لمبا عدد پرنٹ کیا جاتا ہے۔
void print(Object obj)	ایک آبجیکٹ پرنٹ کیا جاتا ہے۔ .
void print(String s)	ایک سٹرنگ پرنٹ کی گئی ہے۔

پرنٹ میں مختلف طریقوں کا استعمال

مختصر طور پر، دونوں کے درمیان اہم فرق کنسول میں پرنٹ شدہ متن کی جگہ کا تعین ہے۔ PrintIn مندرجہ ذیل لائن کے شروع میں ہے جبکہ پرنٹ درج ذیل لائن کے آخر میں ہے۔

اگر آپ ونڈوز 10-pro اور pro-n کے بارے میں جاننا چاہتے ہیں تو چیک کریں۔ میرا دوسرا مضمون۔

Console.log کیا ہے؟

Console.log

کنسول ایک JavaScript آبجیکٹ ہے جو آپ کو براؤزر کے ڈیبگنگ کنسول تک رسائی فراہم کرتا ہے۔

Console.log ایک JavaScript ہے فنکشن جو کسی بھی متغیر کو پرنٹ کرتا ہے جس کی پہلے اس میں وضاحت کی گئی ہے، نیز کوئی بھی معلومات جو صارف کو دکھانے کی ضرورت ہے۔ کسی بھی قسم کو log() میں منتقل کیا جا سکتا ہے، بشمول سٹرنگز، اری، آبجیکٹ، اور بولین۔

console.log() طریقہآؤٹ پٹ جاوا اسکرپٹ کنسول میں نظر آتا ہے، جو براؤزر کے ڈویلپر ٹول کے ذریعے قابل رسائی ہے۔ console.log() کے ساتھ آپ جو کچھ بھی آؤٹ پٹ کرتے ہیں وہ تمام صارفین کے لیے قابل رسائی ہے، چاہے ان کے گروپ یا کردار سے قطع نظر۔

آئیے ایک نظر ڈالیں کہ آپ اسے کیسے استعمال کرسکتے ہیں، اور اس فنکشن کو استعمال کرنے کے بعد آؤٹ پٹ۔

18>

جاوا اسکرپٹ	آؤٹ پٹ
// console. log() طریقہ console.log('abc'); console.log(1); console .log(true); console .log(null); console .log(undefined); console .log([1, 2, 3, 4]); // array inside lo g console .log({a:1, b:2, c:3}); // object inside lo g	abc 1 true null undefined Array(4) [ 1, 2, 3, 4 ] آبجیکٹ { a : 1, b : 2 , c : 3

console.log کا استعمال کرتے ہوئے ان پٹ اور آؤٹ پٹ

کیا ہے جاوا اسکرپٹ میں Console.log طریقہ کے ساتھ کنسول پر پرنٹ کریں؟

یہ JavaScript کا سب سے مشہور اور وسیع پیمانے پر استعمال ہونے والا کنسول طریقہ ہے۔ یہ طریقہ اکثر کنسول میں مختلف پیغامات یا حساب کے نتائج کو پرنٹ کرنے کے لیے استعمال کیا جاتا ہے یا کوڈ کو ڈیبگ کرتے وقت بھی۔

آپ نے کچھ کوڈ لکھا ہے جس میں دو نمبر شامل ہیں، اور آپ نتیجہ دیکھنا چاہیں گے۔ کنسول پر اس آپریشن کا؛ اس صورت میں، آپ console.log() طریقہ استعمال کر سکتے ہیں۔

6991

کیا Console.log مطابقت پذیر ہے یا غیر مطابقت پذیر؟

اس سے پہلے کہ میں آپ سے بات کروں کہ console.log ہم وقت ساز ہے یا غیر مطابقت پذیر، میں پہلے اس بات کی وضاحت کروں گا کہ ہم وقت ساز اور غیر مطابقت پذیر کیا ہیں۔ یہ ایک ہی وقت میں نہیں ہوتا ہے. توہم وقت ساز میں شرکاء/صارفین فوری طور پر رائے حاصل کر سکتے ہیں۔ اسینکرونس آپ کو اپنے وقت میں سیکھنے کی اجازت دیتا ہے۔

جواب دینے کے لیے، concole.log غیر مطابقت پذیر ہے۔ میں آپ کو دکھاؤں گا کہ ایسا کیوں ہے، مثالیں دکھا کر، خاص طور پر اشیاء کی ایک صف کو زیادہ موثر انداز میں چھانٹ کر۔ چلو شروع کرتے ہیں۔

آئیے کہتے ہیں کہ آپ کی صف میں درج ذیل اشیاء ہیں:

let users = [ { name: “Nicole” , age: 20, کنیت: "لونا" }، { نام: "کارا"، عمر: 21، کنیت: "لم" }، { نام: "لارا"، عمر: 20، کنیت: "ٹوازون" }؛ ]

ارے آبجیکٹس

آپ کو اس صف کو فیلڈ کے نام سے ترتیب دینا ہوگا، جو عام طور پر اس طرح کیا جاتا ہے۔

بھی دیکھو: بگ باس بمقابلہ زہر سانپ: کیا فرق ہے؟ (انکشاف) - تمام اختلافات

// نام سے (کارا، لارا، نکول ) صارف ترتیب دیں ( ( a, b ) => a.name > b.name ? 1 : -1); // عمر کے لحاظ سے ( لارا، نکول، کارا ) صارف ترتیب دیں ( ( a, b ) => a.age > b.name ? 1 : -1);

آرے آبجیکٹ کو چھانٹنا

اسے زیادہ موثر انداز میں ترتیب دینے کے لیے، آپ کے پاس اس طرح ہوگا:

users.sort(byField('name')); users.sort(byField('age'));

آرے آبجیکٹ کو چھانٹنا (سادہ طریقہ)

ایسا کرنے کے لیے، آپ کو "Byfield" فنکشن کو پاس کرنے کے لیے لکھنا چاہیے اور اسے Array.prototype.sort میں اپنی صف میں موجود اشیاء کو ترتیب دینا چاہیے۔ ٹھیک ہے، یہ اس مضمون کی بنیادی توجہ نہیں ہے لیکن مندرجہ بالا مثال کو آسان طریقے سے مکمل کرنے کے لیے براہ کرم ذیل کی مثال دیکھیں۔

> صارفین کو =[ { نام: "نکول"، عمر: 20، کنیت: "لونا" }، { نام: "کارا"، عمر: 21، کنیت: "لم" }، { نام: "لارا"، عمر: 20، کنیت: "Tuazon" }; ] فنکشن بذریعہ فیلڈ ( فیلڈ کا نام ) { واپسی (a، b ) => a[fieldName]؟ 1 : -1 ; users.sort(byField( 'name' ) ); concole.log(users); users.sort(byField( 'age' ) ); concole.log(users); (3) [ { … }, { … }, { … } ] > 0: { نام: " لارا "، عمر: " 20 "، کنیت: " Tuazon " > 1: { نام: " نکول "، عمر: " 20 "، کنیت: " لونا " > 1: { نام: " کارا "، عمر: " 21 "، کنیت: " لم " لمبائی: 3 > _proto_: Array (0) (3) [ { … }, { … }, { … } ] > 0: { نام: " لارا "، عمر: " 20 "، کنیت: " Tuazon " > 1: { نام: " نکول "، عمر: " 20 "، کنیت: " لونا " > 1: { نام: " کارا "، عمر: " 21 "، کنیت: " لم " لمبائی: 3 > _proto_: Array (0)

ترتیب دی گئی سرنی اشیاء

آپ اوپر والے جدول سے دیکھ سکتے ہیں کہ میں ترتیب دیتا ہوں سرنی اشیاء کو دو بار، میں پہلے نام کے لحاظ سے ترتیب دیتا ہوں، اگلا عمر کے لحاظ سے، اور ہر ترتیب کے آپریشن کے بعد، میں console.log () چلاتا ہوں۔ اس کے علاوہ، آپ نے مشاہدہ کیا ہوگا کہ console.log() نے ہر قسم کے نتائج کے لیے ایک ہی آؤٹ پٹ کو بحال کیا، لیکن ایسا نہیں ہے۔ مجھے اس کی وضاحت کرنے دیں۔

میں نے ایک ہی وقت میں سب سے اوپر کوڈ چلایا، پھر console.log () سے ہر ردعمل کو بڑھانے کا فیصلہ کیا۔ یہ اہم ہے کیونکہ console.log() ہے۔غیر مطابقت پذیر۔

ایونٹ لوپ کے لحاظ سے، تمام غیر مطابقت پذیر خصوصیات ایونٹ ٹیبل پر پہنچ جاتی ہیں۔ اس صورت میں، console.log() کو لانے کے بعد، یہ ایونٹ ٹیبل پر جاتا ہے اور کسی مخصوص واقعہ کے رونما ہونے کا انتظار کرتا ہے۔ 1><0 Stack، پھر آپ کا console.log() بھی اس کال اسٹیک پر بھیجا جا رہا ہے۔

Javascript Console.log کو کیسے کھولیں؟

ویب براؤزرز میں، کنسول کئی ڈیولپر ٹولز میں سے ایک ہے۔ اپنے JavaScript کوڈ کو حل کرنے کے لیے، آپ کنسول استعمال کر سکتے ہیں۔ کنسول براؤزر کے لحاظ سے بہت سی جگہوں پر پایا جا سکتا ہے۔

میں اس ٹیوٹوریل میں آپ کو سکھاؤں گا کہ آپ کے گوگل کروم براؤزر میں کنسول کو کہاں دریافت کرنا ہے۔

کروم میں کنسول لاگ کو کیسے کھولنا ہے اس کے اقدامات

0 جب آپ Inspect چلائیں گے تو ٹیب بطور ڈیفالٹ کھل جائے گا۔ "عناصر" کے دائیں جانب "کنسول" پر کلک کریں۔

اب آپ کنسول کے ساتھ ساتھ کنسول لاگ میں ریکارڈ کردہ کسی بھی آؤٹ پٹ کو بھی دیکھ سکتے ہیں۔

آپ کنسول کو بھی کھول سکتے ہیں۔ متعدد شارٹ کٹ کیز کا استعمال کرتے ہوئے کروم ڈیولپر ٹولز۔ آپ کے کروم کے ورژن کے مطابق، آپمندرجہ ذیل شارٹ کٹس استعمال کر سکتے ہیں:

ونڈوز اور لینکس کے لیے،

Ctrl + Shift + I	Developer Tools ونڈو ظاہر ہوتی ہے۔
Ctrl + Shift + J	ڈویلپر ٹولز میں کنسول ٹیب کو منتخب کرتا ہے۔
Ctrl + Shift + C<17	عنصر موڈ ٹوگلز کا معائنہ کریں

شارٹ کٹ کیز

حتمی خیالات

پرنٹ ان کے درمیان بنیادی فرق اور console.log ان کا فنکشن ہے اور کوڈ کا نتیجہ ۔ PrintIn متن کو کنسول پر پرنٹ کرتا ہے جب کہ console.log کسی بھی متغیر کو ان تاروں کے ساتھ پرنٹ کرتا ہے جو پہلے کوڈ کیے گئے ہوں۔

بنیادی طور پر، Javascript کے یہ فنکشنز آپ کو کنسول میں متغیرات اور متن کو پرنٹ اور ڈسپلے کرنے کی اجازت دیتے ہیں۔ JavaScript میں، آپ مختلف طریقے استعمال کر کے پرنٹ کر سکتے ہیں۔

ڈیبگ کرتے وقت JavaScript کنسول لاگ کا طریقہ سب سے زیادہ استعمال ہونے والا آپشن ہے۔ اپنے کوڈ کو زیادہ مؤثر طریقے سے ڈیبگ کرنے کے لیے، آپ کو ان سب پر عمل کرنا چاہیے اور انہیں صحیح طریقے سے استعمال کرنے کا طریقہ سیکھنا چاہیے۔

پروگرامرز اور ڈویلپرز اکثر ان کو کسی بھی متغیر کو پرنٹ کرنے کے لیے استعمال کرتے ہیں جو اس میں پہلے سے طے شدہ ہیں، نیز ایسی کوئی بھی معلومات جس کی ضرورت ہوتی ہے۔ صارف کے سامنے پیش کیا جائے۔