हमने आपके लिए कुछ दिलचस्प और असामान्य करने की कोशिश की। मैं वास्तव में आशा करता हूं कि हम सफल हों। हम आपको अनुत्तरित नहीं छोड़ना चाहते थे और न ही कोई स्पष्टीकरण। चलो ठीक है।

शुरू करने के लिए, मैं आपको याद दिलाना चाहता हूं कि प्रतियोगिता कैसे आयोजित की गई थी, जेएस के बारे में 15 प्रश्नों के 4 राउंड थे, रिएक्ट के बारे में 15 प्रश्नों में से 1-आउट-ऑफ-प्रतियोगिता राउंड और 10 प्रश्नों का एक फाइनल था।

कटौती के तहत - पहले 4 राउंड के कार्यों का विश्लेषण।

यह हमारे विश्लेषण का दूसरा भाग है।
यहाँ प्रतिक्रियाएँ

हम सबने यह कैसे किया? हमने तय किया कि हमें लगभग 80-90 सवाल पैदा करने होंगे ताकि कोई ऐसा स्टॉक हो जिसमें से चुनना हो। उसके बाद, हमने सब कुछ विषयों में विभाजित किया:

ब्राउज़र की घटनाएँ
विभिन्न एपीआई (सरणी, सेट, डिफाइनप्रोपर्टी, आदि),
सावधानी
भिन्नात्मक संख्याओं के साथ कार्य करें
उठाने (उत्थापन)
घटना पाश
प्रकार रूपांतरण
typeof
तार्किक (तार्किक और OR के साथ)

उसके बाद, 4 राउंड में प्रश्न वितरित किए गए। हमने सभी यात्राओं को जटिलता में एक जैसा बनाने की कोशिश की, इसके लिए हमने इन परीक्षणों को पारित करने और यह निर्धारित करने के लिए कई यात्राएं कीं, जहां प्रश्न आसान हैं, जहां यह अधिक कठिन है और उत्कृष्ट प्रश्नों को अधिक उपयुक्त लोगों से बदल दिया है। और हमने प्रत्येक दौर में किसी विशेष विषय पर समान प्रश्नों के बारे में बताया। नतीजतन, यह पता चला कि विभिन्न पर्यटन में समान थे, लेकिन समान प्रश्न नहीं थे।

इस वजह से, यह पर्यटन के माध्यम से क्रमबद्ध करने के लिए बहुत सुविधाजनक नहीं लगता है क्योंकि बहुत सारे डुप्लिकेट स्पष्टीकरण होंगे, मैं उन्हें विषय द्वारा देखने का सुझाव देता हूं। सबसे सरल से शुरू करते हैं।

ध्यान के लिए प्रश्न:

कंसोल में क्या प्रदर्शित किया जाएगा?

console.log(0,1 + 0,2); a) 0.30000000000000004 b) 0.3 c) 2 d) 0 1 2

उत्तर + पार्सिंग

d) 0 1 2
यहां संख्याओं के बीच खड़ा है, और नहीं . यदि आप इस तरह से प्रश्न को प्रारूपित करते हैं:
console.log(0, 1 + 0, 2); सब कुछ स्पष्ट हो जाएगा

कंसोल में क्या प्रदर्शित किया जाएगा?

 (() => { 'use strict'; a = null + undefined; console.log(a); })(); a) 0 b) NaN c) null d)

उत्तर + पार्सिंग

d) त्रुटि
a को वैरिएबल के रूप में नहीं बनाया गया है (वैरिएबल डिक्लेरेशन नहीं है), यहाँ इस के लिए एक अंतर्निहित असाइनमेंट एक्सप्रेशन है। बहुत बार ऐसा नहीं हो सकता है जो आप उम्मीद करते हैं, क्योंकि एक वैश्विक चर window.a सख्त मोड में बनाया जाएगा, यह निषिद्ध है।

कंसोल में क्या प्रदर्शित किया जाएगा?

 let foo = function bar() { return 123; }; console.log( typeof bar() ); a) 'function' b) 'number' c) 'undefined' d)

उत्तर + पार्सिंग

d) त्रुटि
यह एक कार्यात्मक अभिव्यक्ति (अभिव्यक्ति) है - इस मामले में फ़ंक्शन का नाम फ़ंक्शन के लिए स्थानीय है। किसी फ़ंक्शन को कॉल करने के लिए, आपको foo को कॉल करने की आवश्यकता है, bar नहीं। यदि यह एक घोषणा होती, तो उत्तर number ।

आंशिक संख्या के साथ काम करने के बारे में प्रश्न:

कंसोल में क्या प्रदर्शित किया जाएगा?

 console.log(0.1 ** 2); a) 0.2 b) 0.01 c) 0.010000000000000002 d) NaN

जवाब है

c) 0.010000000000000002

कंसोल में क्या प्रदर्शित किया जाएगा?

 console.log(0.1 + 0.2); a) 0.30000000000000004 b) 0.3 c) 2 d) NaN

उत्तर + पार्सिंग

a) 0.30000000000000004
** - यह Math.pow का एक एनालॉग 0.1 - इसे 0.01 निकलना चाहिए, लेकिन JS में (कई अन्य भाषाओं में) फ्लोटिंग पॉइंट नंबरों के साथ काम करने पर ऑपरेशन की सटीकता के साथ एक ज्ञात समस्या है। यह 0.010000000000000002 होगा यह इस तथ्य के कारण है कि बाइनरी सिस्टम में एक अनंत अंश प्राप्त होता है, क्योंकि जेएस में एक संख्या के लिए हमेशा 64 बिट्स आवंटित किए जाते हैं - सभी संख्याएं हमेशा डबल सटीक फ्लोटिंग पॉइंट होती हैं। जुड़ने पर वही बात होती है।

हम सवालों को थोड़ा और जटिल करते हैं।

ब्राउज़र में घटनाएँ:

तत्व पर एक घटना हैंडलर है। इस हैंडलर के अंदर क्या मूल्य हमेशा समान रहेंगे?

 elem.onclick = function(event) { } a) event.target  event.currentTarget b) event.target  this c) event.currentTarget  this d)

उत्तर + पार्सिंग

c) event.currentTarget और यह
this - हमेशा एक तत्व को इंगित करेगा
currentTarget - वह तत्व जिस पर ईवेंट लटका रहता है
target - वह तत्व जिस पर घटना हुई

Div पर क्लिक करके यह कोड आउटपुट क्या होगा?

 div.onclick = function() { console.log(1) }; div.onclick = function() { console.log(2) }; div.addEventListener('click', function() { console.log(3) }); a) 1 b) 1 3 c) 2 3 d) 3

उत्तर + पार्सिंग

ग) २ ३
onclick कंसोल. console.log(1) हैंडलर जोड़ देगा, लेकिन अगली पंक्ति में हम इसे एक नए फ़ंक्शन के साथ पीसते हैं और केवल console.log(2) ही रहता है। onclick एक DOM प्रॉपर्टी है, यह हमेशा एक है
इवेंट उस क्रम में काम करेंगे जिसमें उन्हें लटका दिया गया है, पहले 2 फिर 3 को प्रदर्शित किया जाएगा।
यदि हमने कई बार addEventListener किया, तो उनमें से प्रत्येक काम करेगा, क्योंकि हैंडलर कतार में घटनाओं को जोड़ते हैं।

विभिन्न एपीआई के बारे में प्रश्न अनुभाग

defineProperty:

यह कोड आउटपुट क्या होगा?

 (() => { const obj = { key: 1 }; Object.defineProperty(obj, 'key', { enumerable: false, configurable: false, writable: false, value: 2 }); console.log(obj.key); obj.key = 3; console.log(obj.key); })(); a) 1, 2 b) 2, 2 c) 2, 3 d)

जवाब है

b) 2, 2

यह कोड आउटपुट क्या होगा?

 (() => { 'use strict'; const obj = { key: 1 }; Object.defineProperty(obj, 'key', { enumerable: false, configurable: false, writable: false, value: 2 }); console.log(obj.key); obj.key = 3; console.log(obj.key); })(); a) 1, 2 b) 2, 2 c) 2, 3 d) 2,

जवाब है

डी) 2, त्रुटि

यह कोड आउटपुट क्या होगा?

 (() => { const obj = { key: 1 }; Object.defineProperty(obj, 'key', { enumerable: false, configurable: false, writable: true, value: 2 }); console.log(obj.key); obj.key = 3; console.log(obj.key); })(); a) 1, 2 b) 2, 2 c) 2, 3 d)

उत्तर + पार्सिंग

c) 2, 3
ऊपर दिए गए सभी प्रश्नों में defineProperty विधि के ज्ञान की defineProperty जाती defineProperty और अधिक विशेष रूप से, writable सेटिंग्स। यदि इसे false सेट किया गया false तो कुंजी पैरामीटर के defineProperty को defineProperty करने के लिए दूसरे पैरामीटर के रूप में defineProperty जाना defineProperty । एकमात्र अंतर यह है कि सख्त मोड के बिना - use strict इंजन यह दिखावा करेगा कि सब कुछ ठीक है, लेकिन यह मूल्य नहीं बदलेगा, और सख्त मोड में कोई त्रुटि होगी।

वेतन वृद्धि:

यह कोड आउटपुट क्या होगा?

 let x = 5; console.log(x++); a) 5 b) 6 c) '5++' d)

जवाब है

ए) 5

यह कोड आउटपुट क्या होगा?

 const a = 5; console.log(a++); a) 5 b) 6 c) '5++' d)

जवाब है

d) त्रुटि
जब उपसर्ग के बाद के रूप का उपयोग करते हैं, तो मूल्य वृद्धि से पहले वापस आ जाता है।
और उपसर्ग के बाद, अर्थात् console.log(++5) 6 प्रिंट करेगा
const ओवरराइट नहीं किया जा सकता है; संख्या एक आदिम है, जब इसे बढ़ाया जाता है, तो चर को नए मूल्य के साथ अधिलेखित कर दिया जाएगा और एक त्रुटि होगी।

सेट करें:

यह कोड आउटपुट क्या होगा?

 const a = [...new Set([1, 1, 2, , 3, , 4, 5, 5])]; console.log(a); a) [1, 1, 2, , 3, , 4, 5, 5] b) [1, 2, undefined, 3, 4, 5] c) [1, 1, 2, undefined, 3, undefined, 4, 5, 5] d)

जवाब है

बी) [१, २, अपरिभाषित, ३, ४, ५]

यह कोड आउटपुट क्या होगा?

 let set = new Set([10, '10', new Number(10), 1e1, 0xA]); console.log(set.size); a) 5 b) 3 c) 2 d) 1

जवाब है

b) ३

यह कोड आउटपुट क्या होगा?

 let obj = {}; let set = new Set([obj, obj, {}, {}, {...{}}, {...obj}]); console.log(set.size); a) 6 b) 5 c) 2 d) 1

जवाब है

बी) ५
Set एक सेट है, परिभाषा के अनुसार इसमें समान मूल्य नहीं हो सकते। सवाल यह है कि इन मूल्यों की तुलना कैसे की जाती है। प्रिमिटिव्स की तुलना वैल्यू और ऑब्जेक्ट्स के संदर्भ से की जाती है।
यह स्वयं डेटा प्रकारों का हवाला नहीं देता है और किसी भी प्रकार के 1e1 और 0xA मूल्यों को संग्रहीत कर सकता है - एक दशमलव प्रणाली में परिवर्तित हो जाएगा और 10 प्राप्त करेगा।
और नई वस्तुएं हमेशा समान नहीं होती हैं: console.log({} == {}) तब से false हो जाएंगे वस्तुओं को स्मृति के विभिन्न स्थानों में एक नए तरीके से बनाया जाएगा और उनके लिंक समान नहीं होंगे।

यह कोड आउटपुट क्या होगा?

 console.log(Infinity / Infinity); a) NaN b) 1 c) Error d) Infinity

जवाब है

a) NaN
अनंत को अनंत में बांटना और अनंत को अनंत से घटाना असंभव है गणितीय दृष्टिकोण से, अनिश्चितता प्राप्त होती है, वही बात तब होगी जब Infinity गुणा किया Infinity है और 0 त्रुटियों के कारण गणितीय संचालन नहीं होता है - वहाँ NaN होगा

स्प्रेड के बारे में प्रश्न:

यह कोड आउटपुट क्या होगा?

 const a = { ...{ a: 1, b: 2, c: 3 }, ...{ a: 2, c: 4, d: 8 } }; console.log(a); a) { a: 2, b: 2, c: 4, d: 8 } c) { a: 1, b: 2, c: 3, d: 8 } c) { a: 1, b: 2, c: 3, a: 2, c: 4, d: 8 } d)

जवाब है

a) {a: 2, b: 2, c: 4, d: 8}

यह कोड आउटपुट क्या होगा?

 const a = [...[1, 2], ...[[3, 4]], ...[5, 6]]; console.log(a); a) [1, 2, 3, 4, 5, 6] b) [1, 2, [3, 4], 5, 6] c) [[1, 2], [[3, 4]], 5, 6] e)

उत्तर + पार्सिंग

बी) [१, २, [३, ४], ५, ६]
Spread ऑपरेटर किसी वस्तु या सरणी को भागों में पार्स करने का कार्य करता है। यह इकाई से मान लेता है ... बाद और बनाई गई एक के लिए उन्हें कॉपी करता है। यह ध्यान देने योग्य है कि एक सरणी और एक वस्तु के लिए यह 1 स्तर तक खुलता है यानी। ...[[1]] एक तत्व के साथ एक सरणी लौटाएगा, तत्व ही नहीं। वस्तुओं में कोई डुप्लिकेट मान नहीं हो सकता है, इसलिए, बाद में बताए गए मानों को उन लोगों द्वारा अधिलेखित किया जाएगा जिन्हें पहले खुलासा किया गया था। इसका उपयोग डिफ़ॉल्ट सेटिंग्स को निर्दिष्ट करने के लिए किया जा सकता है।

 const fn = (actualProps) => ({ ...defaultProps, ...actualProps })

सभी डिफ़ॉल्ट मानों को पारित मानों से अधिभूत किया जाएगा, यदि कोई हो।

यह कोड आउटपुट क्या होगा?

 console.log(parseInt(' -10,3   ')); a) -10,3 b) -10 c) TypeError d) NaN

उत्तर + पार्सिंग

बी) -10
MDN के साथ व्यापक विवरण:
यदि parseInt फ़ंक्शन एक वर्ण का सामना करता है जो निर्दिष्ट संख्या प्रणाली में एक संख्या नहीं है, तो यह इस और उसके बाद के सभी वर्णों (भले ही वे उपयुक्त हों) को छोड़ देता है और स्ट्रिंग के भाग से परिवर्तित पूर्णांक देता है जो इस वर्ण से पहले होता है। parseInt किसी संख्या के भिन्नात्मक भाग को काट देता है। एक पंक्ति की शुरुआत और अंत में रिक्त स्थान की अनुमति है।

यह कोड आउटपुट क्या होगा?

 const t = { a: 6, b: 7 }; const p = new Proxy(t, { get() { return 12; }, }); console.log(pa); pa = 18; console.log(pa); console.log(ta); a)  b) 12 18 18 c) 12 18 6 d) 12 12 18 e) 6 18 6

उत्तर + पार्सिंग

d) 12 12 18
Proxy ऑब्जेक्ट के लिए सभी कॉल स्वीकार करता है। इस स्थिति में, हम केवल विधि get करते हैं और हमेशा 12 कोई फर्क नहीं पड़ता कि हम जिस वस्तु तक पहुँच रहे हैं, वह किस क्षेत्र में है। इस स्थिति में, हम सेट को स्पर्श नहीं करते हैं, और प्रॉक्सी को एक्सेस करते समय, ऑब्जेक्ट में मूल्य को बदल दिया जाएगा।

सरणियों:

यह कोड आउटपुट क्या होगा?

 let arr = []; arr[1] = 1; arr[5] = 10; console.log(arr.length); a) 1 b) 5 c) 6 d) 10

जवाब है

ग) ६

यह कोड आउटपुट क्या होगा?

 let arr = new Array(3); console.log(arr[1]); a) undefined b) 1 c) 3 d)

उत्तर + पार्सिंग

क) अपरिभाषित
जब हम एक संख्यात्मक तर्क के साथ एक Array बनाते हैं, तो इसका मतलब है कि सरणी की लंबाई। एक सरणी खाली बनाई गई है, सभी मान undefined । यदि आप किसी गैर-संबंधित सरणी फ़ील्ड तक पहुँच बनाते हैं तो वही बात होती है। यह ध्यान देने योग्य है कि यदि आप Array को एक संख्या पास करते हैं, तो इस तत्व के साथ एक सरणी वापस आ जाएगी अर्थात्। Array('a') वापस आएगा ['a']

तार्किक संचालन `&&` , `||` , `==` , आदि:

यह कोड आउटपुट क्या होगा?

 console.log([] && 'foo' && undefined && true && false); a) [] b) 'foo' c) undefined d) true

जवाब है

ग) अपरिभाषित

यह कोड आउटपुट क्या होगा?

 console.log(0 || 1 && 2 || 3); a) 0 b) 1 c) 2 d) 3

जवाब है

ग) २

यह कोड आउटपुट क्या होगा?

 console.log(0 || '' || 2 || undefined || true || false); a) 0 b) false c) 2 d) true

जवाब है

ग) २

यह कोड आउटपुट क्या होगा?

 console.log(2 && '1' && null && undefined && true && false); a) 2 b) false c) undefined d) null

जवाब है

d) अशक्त

यह कोड आउटपुट क्या होगा?

 console.log([] && {} || null && 100 || ''); a) true b) 100 c) '' d) {}

उत्तर + पार्सिंग

d) {}
एक खाली सरणी [] true जैसा कि एक खाली वस्तु {} ।
खाली स्ट्रिंग '' , null और undefined है
तार्किक या || - यदि सही है, तो बाएं ऑपरेंड लौटाता है, अन्यथा सही ऑपरेंड देता है।
तार्किक और && - यदि वह गलत है, तो बाएं ऑपरेंड लौटाता है, अन्यथा सही ऑपरेंड वापस करता है।

यह कभी-कभी कोड में पाया जा सकता है, डिफ़ॉल्ट मापदंडों की उपस्थिति से पहले, वे अक्सर इस तरह लिखते थे - यदि फ़ंक्शन में कोई पैरामीटर नहीं हैं, तो हम डिफ़ॉल्ट पैरामीटर लेते हैं:

 function f(userParams) { var params = userParams || defaultParams; }

अब रिएक्ट अक्सर जांचता है कि क्या हालत सच है, तो हम कुछ देते हैं:

 { isDivVisible && <div>bla-bla</div> }

सरणी तुलना:

यह कोड आउटपुट क्या होगा?

 const arrayFoo = [1, 2, 3, 4]; const arrayBaz = [1, 2, 3, 4]; console.log(arrayFoo == arrayBaz && arrayFoo == arrayBaz); a) false b) true c) undefined d)

जवाब है

a) असत्य

यह कोड आउटपुट क्या होगा?

 console.log([null, 0, -0].map(x => 0 <= x)); a) [false, true, false] b) [false, true, true] c) [false, false, false] d) [true, true, true]

जवाब है

घ) [सत्य, सत्य, सत्य]

यह कोड आउटपुट क्या होगा?

 const arrayFoo = [1, 2, 3, 4]; const arrayBaz = [1, 2, 3, 4]; console.log(arrayFoo >= arrayBaz && arrayFoo <= arrayBaz); a) true b) false c) undefined d)

जवाब है

क) सच है

यह कोड आउटपुट क्या होगा?

 const foo = [1, 2, 3, 4]; const baz = '1,2,3,4'; console.log(foo >= baz && foo <= baz); a) false b) true c) undefined d)

उत्तर + पार्सिंग

ख) सच है
जब == संदर्भ द्वारा तुलना करें।
ऑपरेशन के दौरान >, >=, <, <= ऑपरेंड को प्रिमिटिव में बदल दिया जाता है और arrayFoo पर arrayFoo विधि को बुलाया जाता है, जिसे प्रिमिटिव वैल्यू arrayFoo को वापस करना चाहिए, लेकिन यह उसी ऐरे के लिए एक संदर्भ देता है। अगला, एक आदिम मूल्य के लिए एक रूपांतरण होता है जो toString विधि को कॉल करके होता है, जो बदले में "1,2,3,4" के रूप में सरणी के एक स्ट्रिंग प्रतिनिधित्व को लौटाएगा, लेक्सिकोग्राफिक रूप से दो सरणियों की तुलना करता है और true लौटाता true

यह कोड आउटपुट क्या होगा?

 console.log(+0 == -0); console.log(+0 === -0); console.log(Object.is(+0, -0)); a) true, false, false b) true, true, false c) false, true, true d) false, false. false

उत्तर + पार्सिंग

ख) सच्चा, सच्चा, झूठा
एमडीएन के साथ व्यापक स्पष्टीकरण:
इस विधि का व्यवहार ( Object.is बारे में बात Object.is ) === ऑपरेटर के समान नहीं है। ऑपरेटर === (साथ ही साथ ऑपरेटर == ) संख्यात्मक मानों -0 और +0 समान Number.NaN , और मान Number.NaN स्वयं के बराबर नहीं है।

उत्थापन के बारे में प्रश्न:

यह कोड आउटपुट क्या होगा?

 console.log(str); const str = 'HeadHunter'; a) 'HeadHunter' b) undefined c)

जवाब है

ग) त्रुटि

यह कोड आउटपुट क्या होगा?

 var arrayFunction = []; for (let i = 0; i <= 10; i++) { arrayFunction.push(() => i); } console.log(arrayFunction[3]()); a) 4 b) 0 c) 11 d) 3

जवाब है

घ) ३

यह कोड आउटपुट क्या होगा?

 console.log(str); var str = 'HeadHunter'; a) 'HeadHunter' b) undefined c) null c)

जवाब है

ख) अपरिभाषित

यह कोड आउटपुट क्या होगा?

 console.log(foo); var foo; foo = foo ? 1 : 0; console.log(foo); a)  b) undefined 0 c) '' 1 d) 0 0

जवाब है

ख) अपरिभाषित ०

एक फ़ंक्शन कॉल काम करेगा?

 getCompanyName(); function getCompanyName() { return 'HeadHunter'; } a)  b) ,     . c)

जवाब है

a) हां

यह कोड आउटपुट क्या होगा?

 var arrayFunction = []; for (var i = 0; i <= 10; i++) { arrayFunction.push(() => i); } console.log(arrayFunction[3]()); a) 4 b) 0 c) 11 d) 3

उत्तर + पार्सिंग

ग) ११

फ़ंक्शन की घोषणा पॉप अप होती है, लेकिन कोई अभिव्यक्ति नहीं।
var पॉप अप होता है, लेकिन जब तक आरंभ undefined ।
let और const पॉप अप नहीं करते हैं और एक ब्लॉक में गुंजाइश है यानी। {} तक सीमित है।

लूप के लिए var साथ सही ढंग से काम करने के लिए var आपको एक क्लोजर का उपयोग करने की आवश्यकता है, इसमें मूल्य सहेजा जाएगा।
(यह साक्षात्कार के लिए एक क्लासिक कार्य हुआ करता था, लेकिन अब हमारे पास है)

 var arrayFunction = []; for (var i = 0; i <= 10; i++) { (function(i) { arrayFunction.push(() => i); })(i); } console.log(arrayFunction[3]());

यह कोड आउटपुट क्या होगा?

 console.log(true + false); a) true b) false c) 1 d) 0

उत्तर + पार्सिंग

ग) १
कोई भी ऑपरेटर एक स्ट्रिंग नहीं है, + एक संख्या की ओर जाता है। यह 1 + 0 निकला

यह कोड आउटपुट क्या होगा?

 console.log([] - 100 + ![]); a) false b) '-100' c) -100 d) NaN

उत्तर + पार्सिंग

c) -100
सरणी को एक स्ट्रिंग में डाला जाता है, उसके बाद, क्योंकि - हम एक संख्या में -100 , यह -100 बाहर निकलता है, फिर हम सरणी को false , और यह 0

यह कोड आउटपुट क्या होगा?

 console.log([[], []] + 1); a) 1 b) '1' c) ',1' d) NaN

उत्तर + पार्सिंग

ग) ', 1'
हम ऑब्जेक्ट पर toString को toString करते हैं, जबकि toString को एरे के सभी तत्वों पर भी बुलाया जाएगा। [].toString खाली स्ट्रिंग लौटाएगा '' । यह पता चला , + 1 - उत्तर ,1 ।

यह कोड आउटपुट क्या होगा?

 console.log([] + 100 + 5); a) 105 b) '1005' c) 1005 d) NaN

उत्तर + पार्सिंग

बी) '1005'
सरणी एक स्ट्रिंग के लिए reducible है, और फिर पहले से ही संगति होती है।

यह कोड आउटपुट क्या होगा?

 console.log(1 + { a: 3 } + '2'); a) 6 b) '1[object Object]2' c) 3 d) NaN

उत्तर + पार्सिंग

बी) '1 [ऑब्जेक्ट ऑब्जेक्ट] 2'
एक स्ट्रिंग में परिवर्तित करें - यह सिर्फ संघनन है।

यह कोड आउटपुट क्या होगा?

 console.log(10.toString() + 10 + 0x1); a) '10101' b) 21 c) '10100x1' d)

उत्तर + पार्सिंग

d) त्रुटि
एक नंबर के लिए, एक डॉट . भिन्नात्मक भाग की शुरुआत का मतलब है, हम वहाँ एक संख्या की उम्मीद करते हैं - एक त्रुटि होगी।
इस उदाहरण को ठीक करने के लिए, आपको 10..toString() लिखना 10..toString()

यह कोड आउटपुट क्या होगा?

 console.log(5 + false - null + true); a) '0true' b) NaN c) 6 d)

उत्तर + पार्सिंग

ग) ६
यहां सब कुछ एक संख्या में घटाया गया है, यह 5 + 0 - 0 + 1 निकला

यह कोड आउटपुट क्या होगा?

 console.log(true + NaN + false); a) true b) NaN c) false d) 1

उत्तर + पार्सिंग

b) NaN
NaN साथ संख्याओं को जोड़ने पर हम सब कुछ NaN - NaN प्राप्त करते हैं

यह कोड आउटपुट क्या होगा?

 console.log('0x1' + '1' - '1e1'); a) 17 b) 7 c) '0x111e1' d) NaN

उत्तर + पार्सिंग

बी) 7
पहली '0x11' - '1e1' बाद पहले से ही लाइनें हैं, हमें मिलता है: '0x11' - '1e1' । साइन की वजह से - हम सब कुछ एक नंबर पर लाते हैं।
0x11 - दशमलव में हेक्साडेसिमल संख्या 17 ।
1e1 - घातीय रूप 1 * 10 ** 1 - अर्थात सिर्फ 10 ।

typeof:

यह कोड आउटपुट क्या होगा?

 let foo = () => { return null; }; console.log( typeof typeof foo ); a) 'function' b) 'string' c) 'null' d)

जवाब है

बी) 'स्ट्रिंग'

यह कोड आउटपुट क्या होगा?

 typeof function() {}.prototype; a) 'function' b) 'object' c) 'undefined' d)

उत्तर + पार्सिंग

बी) 'ऑब्जेक्ट'
typeof हमेशा एक स्ट्रिंग लौटाता है, फ़ंक्शन को कॉल करने की तुलना में कम प्राथमिकता होती है, इसलिए फ़ंक्शन को पहले निष्पादित किया जाता है, और typeof को उस परिणाम पर लागू किया जाता है। फंक्शन ऑब्जेक्ट्स Function.prototyp से इनहेरिट करते हैं। स्पेक स्पष्ट रूप से निर्धारित करता है कि यह एक वस्तु है।

इवेंट लूप:

आइए वादों के बारे में 2 सवालों से शुरू करते हैं।

यह कोड आउटपुट क्या होगा?

 Promise.reject() .then(() => console.log(1), () => console.log(2)) .then(() => console.log(3), () => console.log(4)); a) 1 4 b) 1 3 c) 2 3 d) 2 4

जवाब है

ग) २ ३

यह कोड आउटपुट क्या होगा?

 Promise.reject('foo') .then(() => Promise.resolve('bar'), () => {}) .then((a) => {console.log(a)}) a) foo b) bar c) undefined d)

उत्तर + पार्सिंग

ग) अपरिभाषित
Promise.reject - एक अस्वीकृत स्थिति में एक वादा लौटाता है।
यह याद किया जाना चाहिए कि then 2 पैरामीटर लेता है, onFulfill और onReject कॉलबैक। यदि इससे पहले कोई त्रुटि होती है, तो हम onReject कॉलबैक पर जाते हैं। अगर इसमें कोई त्रुटि नहीं है, तो हम अगले onFulfill पर onFulfill । और यह मत भूलो कि () => {} एक खाली वस्तु नहीं लौटाता है, लेकिन undefined , एक खाली वस्तु को वापस करने के लिए आपको इस तरह लिखना होगा: () => ({})

कार्यों का क्रम।

यह कोड आउटपुट क्या होगा?

 async function get1() { return 1; } function get2() { return 2; } (async () => { console.log(await get1()); })(); console.log(get2()); a) 1,2 b) 2,1 c) 1 d) 2

जवाब है

b) 2.1

यह कोड आउटपुट क्या होगा?

 setTimeout(() => {console.log('in timeout')}); Promise.resolve() .then(() => {console.log('in promise')}); console.log('after'); a) in timeout, in promise, after b) after, in promise, in timeout c) after, in timeout, in promise d) in timeout, after, in promise

जवाब है

बी) के बाद, वादा में, मध्यांतर में

यह कोड आउटपुट क्या होगा?

 let __promise = new Promise((res, rej) => { setTimeout(res, 1000); }); async function test(i) { await __promise; console.log(i); } test(1); test(2); a) 1, 2 b) 2, 1 c) 1 d) 2

जवाब है

a) 1, 2

यह कोड आउटपुट क्या होगा?

 console.log('FUS'); setTimeout(() => {console.log('RO')}) Promise.resolve('DAH!').then(x => console.log(x)); a FUS RO DAH! b) FUS DAH! RO c) RO FUS DAH! d) DAH! RO FUS

जवाब है

b) FUS DAH! आरओ

यह कोड आउटपुट क्या होगा?

 console.log(1); setTimeout(() => console.log('setTimeout'), 0); console.log(2); Promise.resolve().then(() => console.log('promise1 resolved')); console.log(3); a) 1, 2, 3, 'setTimeout', 'promise1 resolved' b) 1, 'setTimeout', 2, 'promise1 resolved', 3 c) 1, 2, 3, 'promise1 resolved', 'setTimeout' d) 1, 2, 'promise1 resolved', 3, 'setTimeout'

उत्तर + पार्सिंग

ग) 1, 2, 3, 'वादा 1 हल', 'सेटटाइमआउट'
सबसे पहले, सभी सिंक्रोनस कॉल को ट्रिगर किया जाता है, उसके बाद, जब कॉल स्टैक खाली होता है, तो कतारबद्ध (अतुल्यकालिक कार्य) क्या कहा जाता है। सबसे पहले, माइक्रोटस्क - वादे और mutation observer । वर्तमान कार्य के अंत में, सभी माइक्रोटस्क निष्पादित किए जाते हैं, इस माइक्रोटैस्क के संबंध में आप इवेंट लूप को ब्लॉक कर सकते हैं, कार्य ब्राउज़र में पूरा होने के बाद, रेंडरिंग जगह लेता है। उसके बाद, मैक्रो फ़ंक्शन - टाइमआउट निष्पादित किए जाते हैं।
यह एक बहुत ही सरल उदाहरण है, और अधिक विस्तार से मैं आपको मिखाइल बशुरोव के भाषण को देखने की सलाह दूंगा

और आखिरी प्रश्न वादा बनाम प्रतीक्षा

यह कोड आउटपुट क्या होगा?

 const p = Promise.resolve(); (async () => { await p; console.log('1'); })(); p.then(() => console.log('2')) .then(() => console.log('3'));

a) 1 2 3
b) 2 1 3
c) 2 3 1
d) 3 2 1

उत्तर + पार्सिंग

c) 2 3 1

युक्ति के अनुसार, then माध्यम से जोड़े गए वादों को पहले निष्पादित किया जाना चाहिए, और उसके बाद ही आपको जारी रखने की आवश्यकता है
एक अतुल्यकालिक समारोह का निष्पादन। स्पेक । ऐसा क्यों है, इस बारे में अधिक विस्तृत जानकारी के लिए, मैं आपको v8.dev पर एक उत्कृष्ट लेख पढ़ने की सलाह देता हूं

स्टैंड पर प्रश्नों का विश्लेषण hh.ru # HolyJS18 पर

ध्यान के लिए प्रश्न:

कंसोल में क्या प्रदर्शित किया जाएगा?

कंसोल में क्या प्रदर्शित किया जाएगा?

कंसोल में क्या प्रदर्शित किया जाएगा?

आंशिक संख्या के साथ काम करने के बारे में प्रश्न:

कंसोल में क्या प्रदर्शित किया जाएगा?

कंसोल में क्या प्रदर्शित किया जाएगा?

ब्राउज़र में घटनाएँ:

तत्व पर एक घटना हैंडलर है। इस हैंडलर के अंदर क्या मूल्य हमेशा समान रहेंगे?

Div पर क्लिक करके यह कोड आउटपुट क्या होगा?

defineProperty:

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

वेतन वृद्धि:

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

सेट करें:

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

स्प्रेड के बारे में प्रश्न:

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

सरणियों:

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

तार्किक संचालन && , || , == , आदि:

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

सरणी तुलना:

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

एक फ़ंक्शन कॉल काम करेगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

typeof:

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

इवेंट लूप:

आइए वादों के बारे में 2 सवालों से शुरू करते हैं।

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

कार्यों का क्रम।

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

यह कोड आउटपुट क्या होगा?

और आखिरी प्रश्न वादा बनाम प्रतीक्षा

यह कोड आउटपुट क्या होगा?

More articles:

तार्किक संचालन `&&` , `||` , `==` , आदि: