CHALLENGE
const handler = {
get: (target, prop) => {
if (prop in target) {
return target[prop] * 2;
}
return 100;
}
};
const nums = new Proxy({ a: 5, b: 10 }, handler);
console.log(nums.a, nums.b, nums.c);
π₯12
What is the output?
Anonymous Quiz
25%
10 20 undefined
24%
5 10 100
19%
5 10 undefined
32%
10 20 100
π₯7π3β€2
A developer with βa decade awayβ from writing JavaScript returns to find that one thing hasnβt changed: βChoosing the right JavaScript framework is hard, man.β
Allen Pike
Please open Telegram to view this post
VIEW IN TELEGRAM
π9π€©3π₯2π€£1
CHALLENGE
async function fetchData() {
const promise = new Promise(resolve => {
setTimeout(() => resolve('first'), 2000);
});
console.log('start');
const result = await promise;
console.log(result);
console.log('end');
}
fetchData();
const x = 'after';
console.log(x);
β€4π2
What is the output?
Anonymous Quiz
33%
start after first end
22%
after start first end
27%
start first end after
18%
start end first after
β€4π₯4π2
A type-safe, framework agnostic (React, Vue, Angular, Solid and Lit are all supported out of the box), headless and isomorphic way to create and work with forms, with this v1.0 release over two years in the making. If you already use things like Formik or React Hook Form and are wondering how it differs, hereβs a comparison table.
Tanner Linsley
Please open Telegram to view this post
VIEW IN TELEGRAM
β€3π₯3π2
CHALLENGE
function* counter() {
let count = 1;
while (true) {
const reset = yield count;
count = reset ? 1 : count + 1;
}
}
const gen = counter();
console.log(gen.next().value);
console.log(gen.next().value);
console.log(gen.next(true).value);
console.log(gen.next().value);
π8π₯4β€1
What is the output?
Anonymous Quiz
34%
1, 2, 1, 2
25%
1, undefined, 1, 2
27%
1, 2, true, 3
14%
1, 2, 3, 4
π₯4β€3π1
Each year, the HTTP Archive puts together the Web Almanac, a report on the βstate of the Webβ. The JavaScript section has just gone live and goes into depth on how much JS weβre using (or failing to use!), the popularity of TypeScript, loading methods, Web Worker use, and, yes, jQuery still leads the way!
HTTP Archive
Please open Telegram to view this post
VIEW IN TELEGRAM
π5β€4π€2π₯1
CHALLENGE
const user = {
profile: {
name: "Alice",
settings: null
},
getPreferences() {
return this.profile.settings?.theme || "default";
}
};
const admin = {
profile: {
name: "Admin"
},
getPreferences() {
return this.profile.settings?.theme || "default";
}
};
console.log(user.getPreferences());
console.log(admin.getPreferences());
console.log(user.profile.extra?.id?.toString());
π7β€5
What is the output?
Anonymous Quiz
28%
default TypeError: Cannot read properties of undefined undefined
48%
default default undefined
12%
TypeError: Cannot read properties of null default undefined
12%
default default null
π€5β€1π1
Please open Telegram to view this post
VIEW IN TELEGRAM
π9β€7π₯1
CHALLENGE
function Animal(name) {
this.name = name;
}
Animal.prototype.speak = function() {
return `${this.name} makes a noise`;
};
function Dog(name) {
Animal.call(this, name);
}
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;
Dog.prototype.speak = function() {
return `${this.name} barks`;
};
const animal = new Animal('Animal');
const dog = new Dog('Rex');
console.log(dog instanceof Animal);
π₯5π1
What is the output?
Anonymous Quiz
19%
ReferenceError: Animal is not defined
18%
false
24%
TypeError: Animal.call is not a function
39%
true
π6β€2π₯2
CHALLENGE
const company = {
name: 'TechCorp',
departments: {
engineering: {
head: { name: 'Alice', contact: null },
staff: 50
},
marketing: null
}
};
const engineeringContact = company.departments.engineering.head.contact;
const marketingHead = company.departments.marketing?.head?.name;
const financeStaff = company?.departments?.finance?.staff ?? 'Not available';
console.log(`${engineeringContact} - ${marketingHead} - ${financeStaff}`);
π10π€©2β€1
What is the output?
Anonymous Quiz
25%
null - undefined - undefined
46%
null - undefined - Not available
21%
TypeError: Cannot read property 'contact' of null
8%
TypeError: Cannot read properties of null (reading 'head')
π₯7π4β€3
CHALLENGE
const userMap = new WeakMap();
const user1 = { name: 'Alice' };
const user2 = { name: 'Bob' };
userMap.set(user1, { visits: 10 });
userMap.set(user2, { visits: 5 });
// Later in the code...
const entries = [];
for (const obj of [user1, null, user2]) {
if (obj !== null && userMap.has(obj)) {
entries.push(userMap.get(obj).visits);
}
}
console.log(entries.reduce((sum, visits) => sum + visits, 0));
β€4π₯3π2
What is the output?
Anonymous Quiz
22%
Error: Cannot use 'null' as a key in WeakMap
13%
10
44%
15
21%
[10, 5]
π3β€2π₯2