حاولنا القيام بشيء مثير للاهتمام وغير عادي بالنسبة لك. آمل حقاً أن ننجح. لم نكن نريد أن نتركك دون إجابة ولا يوجد سبب لذلك. هيا بنا

بادئ ذي بدء ، أود أن أذكركم كيف أجريت المسابقة ، كان هناك 4 جولات من 15 سؤالًا حول JS ، وجولة واحدة خارج المنافسة من 15 سؤالًا حول React ونهائيًا يتكون من 10 أسئلة.

تحت خفض - تحليل مهام أول 4 جولات.

هذا هو الجزء الثاني من تحليلنا.
الرد على الأسئلة هنا

كيف فعلنا كل هذا؟ قررنا أننا بحاجة إلى إنشاء حوالي 80-90 سؤالًا بحيث يكون هناك مخزون يمكن اختياره منه. بعد ذلك ، قسمنا كل شيء إلى مواضيع:

• أحداث المتصفح
• واجهات برمجة التطبيقات المختلفة (Array ، Set ، identProperty ، إلخ) ،
• الاهتمام
• العمل مع أرقام كسور
• الرفع
• حلقة الحدث
• نوع التحويل
• typeof
• منطقية (مع منطقية AND و OR)

بعد ذلك ، تم توزيع الأسئلة على 4 جولات. لقد حاولنا جعل جميع الجولات متشابهة في التعقيد ، ولهذا قمنا بعدة زيارات واجتازت هذه الاختبارات ونحدد المكان الذي تكون فيه الأسئلة أسهل ، حيث يكون الأمر أكثر صعوبة واستبدال الأسئلة المعلقة بأسئلة أكثر ملاءمة. وقد فعلنا نفس العدد من الأسئلة حول موضوع معين في كل جولة. نتيجة لذلك ، اتضح أنه في جولات مختلفة كانت هناك أسئلة متشابهة ، لكن ليس الأسئلة نفسها.

لهذا السبب ، لا يبدو الأمر مناسبًا للغاية للتجول في الجولات لأنه سيكون هناك الكثير من التفسيرات المكررة ، أقترح النظر إليها حسب الموضوع. لنبدأ مع أبسط.

أسئلة للاهتمام:

ما سيتم عرضه في وحدة التحكم؟

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

ما سيتم عرضه في وحدة التحكم؟

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

ما سيتم عرضه في وحدة التحكم؟

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

أسئلة حول العمل باستخدام الأرقام الكسرية:

ما سيتم عرضه في وحدة التحكم؟

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

ما سيتم عرضه في وحدة التحكم؟

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

ننتقل إلى الأسئلة أكثر تعقيدا قليلا.

الأحداث في المتصفح:

يوجد عنصر حدث على العنصر ، ما هي القيم الموجودة داخل هذا المعالج وستظل دائمًا كما هي؟

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

ما سوف يخرج هذا الرمز من خلال النقر على 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 

قسم الأسئلة حول واجهات برمجة التطبيقات المختلفة

define الممتلكات:

ما سوف يخرج هذا الرمز؟

 (() => { 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)  

ما سوف يخرج هذا الرمز؟

 (() => { '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,  

ما سوف يخرج هذا الرمز؟

 (() => { 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)  

الزيادة:

ما سوف يخرج هذا الرمز؟

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

ما سوف يخرج هذا الرمز؟

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

تعيين:

ما سوف يخرج هذا الرمز؟

 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 

ما سوف يخرج هذا الرمز؟

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

ما سوف يخرج هذا الرمز؟

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

أسئلة حول السبريد:

ما سوف يخرج هذا الرمز؟

 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)  

ما سوف يخرج هذا الرمز؟

 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)  

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

ما سوف يخرج هذا الرمز؟

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

ما سوف يخرج هذا الرمز؟

 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 

صفائف:

ما سوف يخرج هذا الرمز؟

 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)  

العمليات المنطقية && ، || ، == ، إلخ:

ما سوف يخرج هذا الرمز؟

 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 

ما سوف يخرج هذا الرمز؟

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

 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)  

ما سوف يخرج هذا الرمز؟

 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)   

ما سوف يخرج هذا الرمز؟

 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 

أسئلة حول الرفع:

ما سوف يخرج هذا الرمز؟

 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)  

ما سوف يخرج هذا الرمز؟

 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 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 

ما سوف يخرج هذا الرمز؟

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

ما سوف يخرج هذا الرمز؟

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

ما سوف يخرج هذا الرمز؟

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

ما سوف يخرج هذا الرمز؟

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

ما سوف يخرج هذا الرمز؟

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

ما سوف يخرج هذا الرمز؟

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

ما سوف يخرج هذا الرمز؟

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

ما سوف يخرج هذا الرمز؟

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

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)  

حلقة الحدث:

لنبدأ بسؤالين عن الوعود.

ما سوف يخرج هذا الرمز؟

 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)  

ترتيب المهام.

ما سوف يخرج هذا الرمز؟

 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 

ما سوف يخرج هذا الرمز؟

 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 

ما سوف يخرج هذا الرمز؟

 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 

ما سوف يخرج هذا الرمز؟

 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' 

والسؤال الأخير وعد مقابل تنتظر

ما سوف يخرج هذا الرمز؟

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

أ) 1 2 3
ب) 2 1 3
ج) 2 3 1
د) 3 2 1