কনসোল.লগ () async বা সিঙ্ক?

Question 1

আমি বর্তমানে ট্রেভর বার্নহ্যামের অ্যাসিঙ্ক জাভাস্ক্রিপ্ট পড়ছি । এটি এখন পর্যন্ত একটি দুর্দান্ত বই হয়েছে।

তিনি এই স্নিপেট এবং কনসোল.লগ সম্পর্কে সাফারি এবং ক্রোম কনসোলে 'অ্যাসিঙ্ক' হওয়ার কথা বলেছেন। দুর্ভাগ্যক্রমে আমি এটি প্রতিলিপি করতে পারি না। কোডটি এখানে:

var obj = {}; 
console.log(obj); 
obj.foo = 'bar';
// my outcome: Object{}; 'bar';
// The book outcome: {foo:bar};

যদি এটি অ্যাসিঙ্ক হয় তবে আমি ফলাফলগুলি বইয়ের ফলাফল হিসাবে প্রত্যাশা করব। কনসোল.লগ () সমস্ত কোড কার্যকর না হওয়া পর্যন্ত ইভেন্টের কাতারে রাখা হয়, তারপরে এটি চালানো হয় এবং এতে বারের সম্পত্তি থাকবে।

এটি সমকালীনভাবে চলমান থাকলেও এটি উপস্থিত হয়।

আমি কি এই কোডটি ভুল চালাচ্ছি? কনসোল.লগ আসলে অ্যাসিঙ্ক?

Question 2

console.logমানসম্মত নয়, সুতরাং আচরণটি বরং অপরিজ্ঞাত, এবং বিকাশকারী সরঞ্জামগুলির প্রকাশ থেকে মুক্তি থেকে সহজেই পরিবর্তন করা যায়। আপনার বইটি সম্ভবত পুরানো হতে পারে, সম্ভবত আমার উত্তর শীঘ্রই।

আমাদের কোডে এটি console.logঅ্যাসিঙ্ক হোক বা না থাকায় কোনও পার্থক্য হয় না, এটি কোনও ধরণের কলব্যাক সরবরাহ করে না; এবং আপনি যে মানগুলি পাস করেছেন সেগুলি আপনি ফাংশনটি কল করার সময় সর্বদা রেফারেন্স এবং গণনা করা হয়।

তারপরে কী ঘটেছিল তা আমরা সত্যিই জানি না (ফায়ারব্যাগ, ক্রোম ডেভটোলস এবং অপেরা ড্রাগনফ্লাই সমস্ত ওপেন সোর্স)। কনসোলটির লগ করা মানগুলি কোথাও সঞ্চয় করতে হবে এবং এটি সেগুলি স্ক্রিনে প্রদর্শিত হবে। রেন্ডারিং নিশ্চিত হওয়ার জন্য অবিচ্ছিন্নভাবে ঘটবে (রেট-সীমা আপডেটে থ্রোলডড হওয়া), যেমন কনসোলে লগ-ইন করা অবজেক্টের সাথে ভবিষ্যতের মিথস্ক্রিয়া হবে (বস্তুর বৈশিষ্ট্য বাড়ানোর মতো)।

সুতরাং কনসোলটি আপনি যে লগইন করেছেন এমন পরিবর্তনীয় বস্তুগুলি ক্লোন (সিরিয়ালাইজ) করতে পারে, বা এটি তাদের কাছে রেফারেন্স সংরক্ষণ করবে। প্রথমটি গভীর / বৃহত অবজেক্টগুলির সাথে ভালভাবে কাজ করে না। এছাড়াও, কমপক্ষে কমপক্ষে প্রাথমিক রেন্ডারিং সম্ভবত অবজেক্টের "বর্তমান" অবস্থা প্রদর্শন করবে, যেমন এটি লগ হওয়ার পরে একটি - আপনার উদাহরণে আপনি দেখতে পাচ্ছেন Object {}।

যাইহোক, আপনি যখন বস্তুটির বৈশিষ্ট্যগুলি আরও তদন্তের জন্য প্রসারিত করবেন তখন সম্ভবত কনসোলটি কেবলমাত্র আপনার অবজেক্ট এবং এর বৈশিষ্ট্যগুলির জন্য একটি রেফারেন্স সঞ্চিত করে রেখেছিল এবং এখনই এটি প্রদর্শিত হলে তাদের বর্তমান (ইতিমধ্যে রূপান্তরিত) অবস্থা প্রদর্শিত হবে। আপনি যদি ক্লিক করেন তবে আপনার উদাহরণটিতে সম্পত্তিটি +দেখতে পারা উচিত bar।

এখানে একটি স্ক্রিনশট যা বাগ রিপোর্টে তাদের "ফিক্স" ব্যাখ্যা করতে পোস্ট করা হয়েছিল :

সুতরাং, কিছু মানগুলি লগ-ইন করার অনেক পরে উল্লেখ করা যেতে পারে এবং এর মূল্যায়ন বরং অলস ("যখন প্রয়োজন")। এই বিচ্ছিন্নতার সবচেয়ে বিখ্যাত উদাহরণটি প্রশ্নটিতে পরিচালিত হয় ক্রমের জাভাস্ক্রিপ্ট কনসোলটি অ্যারেগুলি মূল্যায়ন করার ক্ষেত্রে কী অলস?

একটি কাজের ভিত্তি হ'ল সর্বদা আপনার বস্তুর সিরিয়ালযুক্ত স্ন্যাপশটগুলি লগ করা নিশ্চিত করা, যেমন করে console.log(JSON.stringify(obj))। এটি কেবলমাত্র বিজ্ঞপ্তিবিহীন এবং ছোট ছোট বস্তুর জন্য কাজ করবে। আরও দেখুন কীভাবে আমি সাফারিতে কনসোল.লগের ডিফল্ট আচরণটি পরিবর্তন করতে পারি? ।

ডিবাগিংয়ের জন্য ব্রেকপয়েন্টগুলি ব্যবহার করা আরও ভাল সমাধান, যেখানে কার্যকরভাবে বন্ধ হয়ে যায় এবং আপনি প্রতিটি বিন্দুতে বর্তমান মানগুলি পরীক্ষা করতে পারেন। কেবল সিরিয়্যাল এবং অপরিবর্তনীয় ডেটা দিয়ে লগিং ব্যবহার করুন।

Question 3

এটি আসলেই প্রশ্নের উত্তর নয়, তবে এই পোস্টটিতে হোঁচট খাওয়ার কারও পক্ষে এটি কার্যকর হতে পারে এবং একটি মন্তব্য করা খুব দীর্ঘ ছিল:

window.console.logSync = (...args) => {
  try {
    args = args.map((arg) => JSON.parse(JSON.stringify(arg)));
    console.log(...args);
  } catch (error) {
    console.log('Error trying to console.logSync()', ...args);
  }
};

এটি সিউডো-সিঙ্ক্রোনাস সংস্করণ তৈরি করে console.logতবে গ্রহণযোগ্য উত্তরে উল্লিখিত একই ক্যাভেটস সহ।

যেহেতু মনে হচ্ছে, এই মুহুর্তে, বেশিরভাগ ব্রাউজারগুলি console.logকোনও উপায়ে অ্যাসিনক্রোনাস হয়, আপনি কিছু নির্দিষ্ট পরিস্থিতিতে এর মতো কোনও ফাংশন ব্যবহার করতে চাইতে পারেন।

Question 4

কনসোল.লগ ব্যবহার করার সময়:

a = {}; a.a=1;console.log(a);a.b=function(){};
// without b
a = {}; a.a=1;a.a1=1;a.a2=1;a.a3=1;a.a4=1;a.a5=1;a.a6=1;a.a7=1;a.a8=1;console.log(a);a.b=function(){};
// with b, maybe
a = {}; a.a=function(){};console.log(a);a.b=function(){};
// with b

প্রথম পরিস্থিতিতে অবজেক্টটি যথেষ্ট সহজ, সুতরাং কনসোলটি 'স্ট্রিংফাইজ' করতে পারে তারপরে এটি আপনার কাছে উপস্থিত হবে; তবে অন্যান্য পরিস্থিতিতে, 'স্ট্রিংফাই' করার জন্য একটি খুব 'জটিল' সুতরাং কনসোল আপনাকে পরিবর্তে মেমরি অবজেক্টটি প্রদর্শন করবে এবং হ্যাঁ, আপনি যখন এটি দেখবেন খ ইতিমধ্যে একটি এর সাথে সংযুক্ত হয়ে গেছে।