Frontend

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Կարճ ասած՝ `this` ոչ թե տեսանելիության տարածք է, այլ ֆունկցիայի կանչի կոնտեքստը: Նա որոշվում է ոչ թե այնտեղ, որտեղ ֆունկցիան հայտարարվել է, այլ այնտեղ, ինչպես է կանչվել: Ավելացնել կարելի է 3-4 կանոն: - նորմալ ֆունկցիայի կանչում — `this` սովորաբար strict ռեժիմում անորոշ է: - օբյեկտի մեթոդ — `this` ցույց է տալիս ձախ կողմի օբյեկտին: - call / apply / bind — թույլ են տալիս հստակ սահմանել `this`: - սլաքային ֆունկցիաներ — չունեն սեփական `this`, վերցնում են արտաքին կոնտեքստից:

Middle

айтеко

130

Ինչքան եք պատրաստ, որ հայտնաբերելով թերություններ թեստավորողի կողմից, վերադառնաք նախորդ գործին: Ինչպե՞ս եք կառավարում հաճախակի կոնտեքստային փոփոխությունները:

Middle

айтеко

129

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Կարճ ասած՝ `this` չի հանդիսանում տեսանելիության տարածք, այլ ֆունկցիայի կանչի կոնտեքստ: Նա որոշվում է ոչ այնտեղ, որտեղ ֆունկցիան հայտարարված է, այլ այնտեղ, որտեղ նա կանչվում է: 3-4 կանոն կարող եք ավելացնել. - նորմալ ֆունկցիայի կանչում — `this` սովորաբար strict ռեժիմում անորոշ է: - օբյեկտի մեթոդ — `this` ցույց է տալիս ձախ կողմի օբյեկտին: - `call / apply / bind` — թույլ են տալիս հստակ սահմանել `this`: - սլաքային ֆունկցիաներ — չունեն սեփական `this`, վերցնում են արտաքին կոնտեքստից:

Middle

айтеко

128

Փորձ միկրոֆրոնտենդների հետ աշխատելու?

Middle

айтеко

121

Ի՞նչ վիճակի կառավարիչ է օգտագործվել նախագծում: Redux, MobX կամ այլ ինչ-որ բան?

Middle

айтеко

111

Երբ է տեղի ունենում React-ում կոմպոնենտի կրկնակի ռենդերինգը?

Middle

айтеко

108

console.log("foo"); setTimeout(() => { console.log("bar"); }, 0); queueMicrotask(() => { console.log("baz"); Promise.resolve() .then(() => console.log("ban")); }); new Promise((resolve) => { console.log("bla"); resolve("baf"); }).then(console.log); console.log("bak"); //// foo bla bak baz baf ban bar

Middle

айтеко