জাভাস্ক্রিপ্টে printIn এবং console.log-এর মধ্যে পার্থক্য কী? (উত্তর) – সমস্ত পার্থক্য
সুচিপত্র
জাভাস্ক্রিপ্ট একটি প্রোগ্রামিং ভাষা যা শুধুমাত্র ওয়েব ব্রাউজারে উপলব্ধ। JavaScript কনসোল হল আপনার ব্রাউজারে একটি কমান্ড-লাইন ইন্টারফেস যা আপনাকে কোড স্নিপেট চালানোর অনুমতি দেয়। যখন সেই কোড স্নিপেটটি আপনি বর্তমানে যে ওয়েবপৃষ্ঠাটি দেখছেন তার সাথে ইন্টারঅ্যাক্ট করার জন্য ডিজাইন করা হয়, তখন অপ্রত্যাশিত ফলাফল ঘটতে পারে৷
"প্রিন্টইন" টেক্সটটিকে কনসোলে প্রিন্ট করে দেয়, যেখানে আপনি এটি লগ করার জন্য "console.log" ব্যবহার করতে পারে এবং এটিকে বিভিন্ন উদ্দেশ্যে ব্যবহার করতে পারে, যেমন এটিকে একটি বাগ রিপোর্ট হিসাবে ইমেল করা৷
আপনি যদি একজন প্রোগ্রামার হন তবে আপনি জানেন যে ব্যবহার করা এবং বোঝা কতটা গুরুত্বপূর্ণ জাভাস্ক্রিপ্টের মতো স্ক্রিপ্টিং ভাষা। যাইহোক, অনেক সময় আপনি এর ফাংশন সম্পর্কে বিভ্রান্ত হতে পারেন।
ঠিক যেমন printIn এবং console.log ফাংশন। এই দুটি ফাংশনের পার্থক্য এবং প্রয়োগ বুঝতে আপনাকে সাহায্য করার জন্য, আমি এগুলোর অর্থ কী এবং তারা কীভাবে কাজ করে তা ব্যাখ্যা করব।
আসুন শুরু করা যাক!
জাভাস্ক্রিপ্ট কী?
জাভাস্ক্রিপ্ট কি?
জাভাস্ক্রিপ্ট হল একটি স্ক্রিপ্টিং ভাষা যা নিয়মিত আপডেট করা উপাদান তৈরি করা, মাল্টিমিডিয়া নিয়ন্ত্রণ করা, গ্রাফিক্স অ্যানিমেটিং করা এবং আরও অনেক কিছু।
জাভাস্ক্রিপ্ট প্রোগ্রামিং ল্যাঙ্গুয়েজের কিছু মানসম্পন্ন প্রোগ্রামিং ক্ষমতা রয়েছে যা আপনাকে কিছু করতে সক্ষম করে যেমন:
- যখন কোনো ওয়েব পৃষ্ঠায় কিছু ঘটনা ঘটে, আপনি চলমান কোডে প্রতিক্রিয়া জানাতে পারেন।
- আপনি দরকারী ডেটা সঞ্চয় করতে ভেরিয়েবল ব্যবহার করতে পারেন।
- আপনি "স্ট্রিংস" ব্যবহার করতে পারেন যা একটি পাঠ্য সম্পাদনা অপারেশনপ্রোগ্রামিংয়ে
অন্যদিকে ব্যবহারকারীর জাভাস্ক্রিপ্ট ভাষার উপরে যোগ করা কার্যকারিতা আরও আকর্ষণীয়। অ্যাপ্লিকেশন প্রোগ্রামিং ইন্টারফেস (এপিআই) আপনার জাভাস্ক্রিপ্ট কোডকে অতিরিক্ত ফাংশন দেয়৷
সংক্ষেপে, জাভাস্ক্রিপ্টের অনেকগুলি ফাংশন রয়েছে যা আপনাকে আপনি কী কোডিং করছেন তা নিয়ন্ত্রণ করতে দেয়৷ এই ফাংশনগুলির মধ্যে রয়েছে printIn এবং console.log৷
PrintIn কী?
কোডিং
প্রিন্টইন হল কনসোলে পাঠ্য প্রদর্শনের জন্য একটি জাভা পদ্ধতি৷ এই পদ্ধতিটি একটি স্ট্রিং আকারে একটি প্যারামিটার হিসাবে এই পাঠ্যটিকে গ্রহণ করে৷ এই পদ্ধতিটি নিম্নোক্ত লাইনের শুরুতে কার্সার রাখার সময় পাঠ্যটিকে কনসোলে প্রিন্ট করে।
পরবর্তী মুদ্রণ পরবর্তী লাইনে শুরু হয় । বিভিন্ন প্রিন্টইন পদ্ধতি আছে যেমন:
আরো দেখুন: দিবালোক এলইডি লাইট বাল্ব বনাম উজ্জ্বল সাদা এলইডি বাল্ব (ব্যাখ্যা করা) – সমস্ত পার্থক্যvoid printIn() | বর্তমান লাইন শেষ করতে লাইন বিভাজক স্ট্রিং লেখে। |
void printIn(boolean x) | একটি বুলিয়ান প্রিন্ট করার পর লাইনটি বন্ধ হয়ে যায়৷ |
void printIn(char x) | একটি অক্ষর প্রিন্ট করার পর লাইনটি বন্ধ হয়ে যায়। |
অকার্যকর মুদ্রণ(char [ ] x) | অক্ষরের একটি অ্যারে প্রিন্ট করার পরে লাইনটি বন্ধ হয়ে যায়৷ |
অকার্যকর প্রিন্টইন(ডাবল x) | একটি ডবল লাইন প্রিন্ট করার পর লাইনটি বন্ধ হয়ে যায়। |
void printIn(float x) | ফ্লোট প্রিন্ট করার পর লাইনটি বন্ধ হয়ে যায়।<17 |
একটি পূর্ণসংখ্যা প্রিন্ট করার পরে লাইনটি বন্ধ হয়ে যায়। | |
অকার্যকর প্রিন্টইন(লং x) | সাথে প্রিন্ট করার পর লাইনটি বন্ধ হয়ে যায়। |
void printIn(Object x) | কোনও অবজেক্ট প্রিন্ট করার পর লাইনটি বন্ধ হয়ে যায়। |
void printIn(String x) | একটি স্ট্রিং প্রিন্ট করার পর লাইনটি বন্ধ হয়ে যায়। |
অকার্যকর প্রিন্ট(বুলিয়ান খ) | একটি বুলিয়ান মান প্রিন্ট করা হয়৷ |
void print(char c) | একটি অক্ষর প্রিন্ট করা হয়েছে। |
void print(char) [ ] গুলি) | অক্ষরের একটি অ্যারে প্রিন্ট করা হয়৷ |
অকার্যকর প্রিন্ট(ডবল ডি) | একটি দ্বি-নির্ভুলতা ফ্লোটিং-পয়েন্ট নম্বর প্রিন্ট করা হয়েছে। |
void print(float f) | একটি ফ্লোটিং পয়েন্ট নম্বর প্রিন্ট করা হয়েছে। | <18
void print(int i) | একটি পূর্ণসংখ্যা প্রিন্ট করা হয়। |
void print(long l ) | একটি দীর্ঘ পূর্ণসংখ্যা মুদ্রিত হয়৷ |
অকার্যকর প্রিন্ট(বস্তু বস্তু) | একটি বস্তু মুদ্রিত হয় . |
অকার্যকর প্রিন্ট(স্ট্রিংগুলি) | একটি স্ট্রিং প্রিন্ট করা হয়েছে৷ |
মুদ্রণে বিভিন্ন পদ্ধতির ব্যবহার
সংক্ষেপে, দুটির মধ্যে মূল পার্থক্য হল কনসোলে প্রিন্ট করা টেক্সট বসানো। প্রিন্টইন নিম্নলিখিত লাইনের শুরুতে থাকে যখন প্রিন্টটি নিম্নলিখিত লাইনের শেষে থাকে।
আপনি যদি উইন্ডোজ 10-প্রো এবং প্রো-এন সম্পর্কে জানতে আগ্রহী হন তবে পরীক্ষা করে দেখুন আমার অন্য নিবন্ধটি বের করুন।
Console.log কি?
Console.log
কনসোল হল একটি জাভাস্ক্রিপ্ট অবজেক্ট যা আপনাকে ব্রাউজারের ডিবাগিং কনসোলে অ্যাক্সেস দেয়।
কনসোল.লগ হল একটি জাভাস্ক্রিপ্ট ফাংশন যা পূর্বে সংজ্ঞায়িত যেকোন ভেরিয়েবল প্রিন্ট করে, সেইসাথে ব্যবহারকারীকে দেখানো প্রয়োজন এমন যেকোন তথ্য।
আউটপুট বেশিরভাগ টার্মিনালে লগ করা (মুদ্রিত) হয়। স্ট্রিং, অ্যারে, অবজেক্ট এবং বুলিয়ান সহ যেকোন প্রকার log(এ পাস করা যেতে পারে।
console.log() পদ্ধতিরআউটপুট জাভাস্ক্রিপ্ট কনসোলে দৃশ্যমান, যা ব্রাউজারের বিকাশকারী টুলের মাধ্যমে অ্যাক্সেসযোগ্য। console.log() এর মাধ্যমে আপনি যাই আউটপুট করেন না কেন, সমস্ত শেষ-ব্যবহারকারীর কাছে তাদের গোষ্ঠী বা ভূমিকা নির্বিশেষে অ্যাক্সেসযোগ্য৷
আসুন আপনি কীভাবে এটি ব্যবহার করতে পারেন এবং এই ফাংশনটি ব্যবহার করার পরে আউটপুট দেখে নেওয়া যাক৷
জাভাস্ক্রিপ্ট | আউটপুট |
// console. log() পদ্ধতি | abc 1 সত্য নাল অনির্ধারিত অ্যারে(4) [ 1, 2, 3, 4 ] অবজেক্ট { a : 1, b : 2 , c : 3
|
console.log ব্যবহার করে ইনপুট এবং আউটপুট
কি জাভাস্ক্রিপ্টে Console.log পদ্ধতির সাথে কনসোলে প্রিন্ট করবেন?
এটি জাভাস্ক্রিপ্টের সবচেয়ে জনপ্রিয় এবং বহুল ব্যবহৃত কনসোল পদ্ধতি। এই পদ্ধতিটি প্রায়শই কনসোলে বিভিন্ন বার্তা বা গণনার ফলাফল প্রিন্ট করতে বা কোড ডিবাগ করার সময় ব্যবহার করা হয়।
আপনি এমন কিছু কোড লিখেছেন যা দুটি সংখ্যা যোগ করে এবং আপনি ফলাফলটি দেখতে চান কনসোলে যে অপারেশন; এই ক্ষেত্রে, আপনি console.log() পদ্ধতি ব্যবহার করতে পারেন।
3765
Console.log সিঙ্ক্রোনাস নাকি অ্যাসিঙ্ক্রোনাস?
আমি আপনার সাথে আলোচনা করার আগে console.log সিঙ্ক্রোনাস নাকি অ্যাসিঙ্ক্রোনাস, আমি প্রথমে সংজ্ঞায়িত করব কী সিঙ্ক্রোনাস এবং অ্যাসিঙ্ক্রোনাস৷
সিঙ্ক্রোনাস মানে হল এটি একই সময়ে ঘটে যেখানে অ্যাসিঙ্ক্রোনাস মানে এটি একই সময়ে ঘটবে না। তাইসিঙ্ক্রোনাসে অংশগ্রহণকারী/ব্যবহারকারীরা অবিলম্বে প্রতিক্রিয়া পেতে পারেন। অ্যাসিঙ্ক্রোনাস আপনাকে আপনার নিজের সময়ে শিখতে দেয়৷
উত্তর দিতে, concole.log হল অ্যাসিঙ্ক্রোনাস৷ আমি আপনাকে দেখাব কেন এমন হয়, উদাহরণ দেখিয়ে, বিশেষ করে আরও দক্ষ পদ্ধতিতে বস্তুর অ্যারে সাজানো। চলুন শুরু করা যাক।
ধরা যাক আপনার অ্যারেতে নিম্নলিখিত অবজেক্ট রয়েছে:
লেট ব্যবহারকারীদের = [ { নাম: “নিকোল” , বয়স: 20, উপাধি: "লুনা" } , { নাম: "কারা" , বয়স: 21, উপাধি: "লিম" } , { নাম: "লারা" , বয়স: 20, উপাধি: "টুয়াজন" }; ] |
অ্যারে অবজেক্টস
আপনাকে অবশ্যই এই অ্যারেটি ফিল্ডের নাম অনুসারে সাজাতে হবে, যা সাধারণত নিম্নরূপ করা হয়।
// নামে (কারা, লারা, নিকোল ) users.sort ( ( a, b ) => a.name > b.name ? 1 : -1); // বয়স অনুসারে ( লারা, নিকোল, কারা ) users.sort ( ( a, b ) => a.age > b.name ? 1 : -1);
|
users.sort(byField( 'age' ));
অ্যারে অবজেক্ট বাছাই (সাধারণ উপায়)
এটি করার জন্য, আপনাকে পাস করতে "বাইফিল্ড" ফাংশনটি লিখতে হবে এবং এটিকে আপনার অ্যারের অবজেক্টের Array.prototype.sort-এ সাজাতে হবে। ঠিক আছে, এটি এই নিবন্ধটির প্রাথমিক ফোকাস নয় তবে একটি সহজ উপায়ে উপরের উদাহরণটি সম্পূর্ণ করতে দয়া করে নীচের উদাহরণটি দেখুন৷
> যাক ব্যবহারকারীদের =[ { নাম: "নিকোল" , বয়স: 20, উপাধি: "লুনা" } , { নাম: "কারা" , বয়স: 21, উপাধি: "লিম" } , { নাম: "লারা", বয়স: 20, উপাধি: "টুয়াজন" }; ] ফিল্ড দ্বারা ফাংশন (ক্ষেত্রের নাম) { রিটার্ন (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: { নাম: ” কারা “, বয়স: ” 21 ” , উপাধি: ” লিম ” দৈর্ঘ্য: 3 > _proto_: অ্যারে (0) আরো দেখুন: জিরা বীজ এবং জিরা বীজের মধ্যে পার্থক্য কী? (তোমার মশলা জানুন) - সমস্ত পার্থক্য(3) [ { … }, { … }, { … } ] > 0: { নাম: ” লারা “, বয়স: ” 20 ” , উপাধি: ” Tuazon ” > 1: { নাম: ” নিকোল “, বয়স: ” 20 ” , উপাধি: ” লুনা ” > 1: { নাম: ” কারা “, বয়স: ” 21 ” , উপাধি: ” লিম ” দৈর্ঘ্য: 3 > _proto_: অ্যারে (0)
|
সাজানো অ্যারে অবজেক্ট
আপনি উপরের টেবিল থেকে দেখতে পারেন যে আমি সাজিয়েছি অ্যারে অবজেক্ট দুবার, আমি প্রথমে নাম অনুসারে সাজান, পরবর্তী বয়স অনুসারে, এবং প্রতিটি সাজানোর অপারেশনের পরে, আমি console.log () চালাই। এছাড়াও, আপনি হয়তো লক্ষ্য করেছেন যে console.log() প্রতিটি ধরণের ফলাফলের জন্য একই আউটপুট পুনরুদ্ধার করেছে, কিন্তু এটি এমন নয়; আমাকে ব্যাখ্যা করতে দিন কেন।
আমি একবারে উপরের কোডটি চালিয়েছি, তারপর console.log () থেকে প্রতিটি প্রতিক্রিয়া প্রসারিত করার সিদ্ধান্ত নিয়েছি। এটি গুরুত্বপূর্ণ কারণ console.log()অ্যাসিঙ্ক্রোনাস৷
ইভেন্ট লুপের পরিপ্রেক্ষিতে, সমস্ত অ্যাসিঙ্ক্রোনাস বৈশিষ্ট্য ইভেন্ট টেবিলে আসে৷ এই ক্ষেত্রে, console.log() আনার পরে, এটি ইভেন্ট টেবিলে চলে যায় এবং একটি নির্দিষ্ট ইভেন্ট হওয়ার জন্য অপেক্ষা করে।
যখন একটি ইভেন্ট ঘটবে, console.log() ইভেন্ট সারিতে পাঠানো হবে, যেখানে এটি এই ইভেন্ট সারিতে থাকা সমস্ত প্রক্রিয়ার জন্য অপেক্ষা করে যা আপনার console.log স্থাপন করার সময় আগে থেকেই উপস্থিত ছিল এবং কলে পাঠানো হয়েছে। স্ট্যাক, তারপর আপনার console.log() এই কল স্ট্যাকেও পাঠানো হচ্ছে।
Javascript Console.log কিভাবে খুলবেন?
ওয়েব ব্রাউজারে, কনসোল হল একাধিক ডেভেলপার টুলের মধ্যে একটি। আপনার জাভাস্ক্রিপ্ট কোডের সমস্যা সমাধানের জন্য, আপনি কনসোল ব্যবহার করতে পারেন। ব্রাউজারের উপর নির্ভর করে অনেক জায়গায় কনসোল পাওয়া যাবে।
আমি এই টিউটোরিয়ালে আপনার Google Chrome ব্রাউজারে কনসোলটি কোথায় আবিষ্কার করতে হবে তা শিখিয়ে দেব।
Chrome-এ কনসোল লগ কীভাবে খুলতে হয় তার ধাপগুলি
চলো দেখি কিভাবে Chrome কনসোল লগ খুলতে হয়।
- Chrome ব্রাউজার খোলা থাকা অবস্থায় পপ-আপ মেনু থেকে পরিদর্শন নির্বাচন করুন।
- ডেভেলপার টুলের “এলিমেন্টস আপনি পরিদর্শন চালালে ” ট্যাবটি ডিফল্টরূপে খোলা হবে। “এলিমেন্টস”-এর ডানদিকে “কনসোল”-এ ক্লিক করুন।
- আপনি এখন কনসোল এবং কনসোল লগে রেকর্ড করা যেকোনো আউটপুট দেখতে পারেন।
আপনি খুলতে পারেন ক্রোম ডেভেলপার টুলগুলি অনেকগুলি শর্টকাট কী ব্যবহার করে৷ আপনার Chrome এর সংস্করণ অনুযায়ী, আপনিনিম্নলিখিত শর্টকাটগুলি ব্যবহার করতে পারেন:
উইন্ডোজ এবং লিনাক্সের জন্য,
Ctrl + Shift + I | ডেভেলপার টুল উইন্ডো প্রদর্শিত হবে৷ |
Ctrl + Shift + J | ডেভেলপার টুলে কনসোল ট্যাব নির্বাচন করে। |
Ctrl + Shift + C<17 | এলিমেন্ট মোড টগলগুলি পরিদর্শন করুন |
শর্টকাট কী
চূড়ান্ত চিন্তা
প্রিন্টইনের মধ্যে প্রধান পার্থক্য এবং console.log হল তাদের ফাংশন এবং কোডের ফলাফল । PrintIn টেক্সটটি কনসোলে প্রিন্ট করে যখন console.log পূর্বে কোড করা স্ট্রিং সহ যেকোনো ভেরিয়েবল প্রিন্ট করে।
মূলত, জাভাস্ক্রিপ্টের এই ফাংশনগুলি আপনাকে কনসোলে ভেরিয়েবল এবং টেক্সট প্রিন্ট এবং প্রদর্শন করতে দেয়। জাভাস্ক্রিপ্টে, আপনি বিভিন্ন পদ্ধতি ব্যবহার করে মুদ্রণ করতে পারেন।
ডিবাগ করার সময় জাভাস্ক্রিপ্ট কনসোল লগ পদ্ধতিটি সবচেয়ে বেশি ব্যবহৃত বিকল্প। আপনার কোড আরও কার্যকরভাবে ডিবাগ করার জন্য, আপনাকে সেগুলি অনুশীলন করতে হবে এবং কীভাবে সেগুলিকে সঠিকভাবে ব্যবহার করতে হয় তা শিখতে হবে৷
প্রোগ্রামার এবং বিকাশকারীরা প্রায়শই এটিতে পূর্বনির্ধারিত যে কোনও ভেরিয়েবল প্রিন্ট করতে এবং সেইসাথে প্রয়োজনীয় তথ্যগুলির জন্য এটি ব্যবহার করে৷ ব্যবহারকারীর কাছে উপস্থাপন করতে হবে।