Please open Telegram to view this post
VIEW IN TELEGRAM
π€£55β€5π€©4π2
CHALLENGE
function* generateSequence() {
let i = 1;
while (i <= 3) {
yield i++;
}
}
function* extendSequence() {
yield* generateSequence();
yield* [4, 5];
yield 6;
}
const generator = extendSequence();
const result = [];
for (const value of generator) {
if (value % 2 === 0) {
result.push(value * 2);
} else {
result.push(value);
}
}
console.log(result);
β€1
What is the output?
Anonymous Quiz
16%
[1, 4, 3, 8, 5, 6]
43%
[1, 4, 3, 8, 5, 12]
28%
[1, 2, 3, 4, 5, 6]
13%
[1, 4, 3, 8, 10, 12]
π6π₯5β€2π€1
Nodeβs Fastify framework has a mature plugin for Vite integration (explained in detail here), including @fastify/react which just hit version 1.0 and makes it easy to create fast, featureful (though obviously less so than Next.js) React apps atop Fastify. How fast? Very, it seems.
Jonas Galvez
Please open Telegram to view this post
VIEW IN TELEGRAM
π€6β€3π2π₯1
CHALLENGE
const privateData = new WeakMap();
function Person(name) {
privateData.set(this, { name, secretCount: 0 });
this.greet = function() {
const data = privateData.get(this);
data.secretCount++;
return `Hello, my name is ${data.name}`;
};
this.getSecretCount = function() {
return privateData.get(this).secretCount;
};
}
const alice = new Person('Alice');
alice.greet();
alice.greet();
const result = [
privateData.has(alice),
alice.name,
alice.getSecretCount()
];
console.log(result);
π4β€1
What is the output?
Anonymous Quiz
31%
[true, undefined, 2]
27%
[false, undefined, 2]
15%
[Object, undefined, 2]
27%
[true, 'Alice', 2]
1π5β€2π₯1
Node actually has a mechanism for creating single executable applications and there are numerous other tools to do it, but Lexe takes the approach of using Amazonβs lightweight LLRT engine to make binaries of under 10MB in size. Note, however, "Lexe is not a drop-in replacement for Node.js. It only supports a subset of Node.js APIs."
Ray-D-Song
Please open Telegram to view this post
VIEW IN TELEGRAM
π6β€3π₯1
Please open Telegram to view this post
VIEW IN TELEGRAM
2π€£36β€4π₯4π1
CHALLENGE
const user = {
name: 'Alice',
age: 30
};
const handler = {
get(target, prop) {
if (prop in target) {
return target[prop];
}
return `Property '${prop}' doesn't exist`;
},
set(target, prop, value) {
if (prop === 'age' && typeof value !== 'number') {
console.log('Age must be a number');
return false;
}
target[prop] = value;
return true;
}
};
const proxy = new Proxy(user, handler);
proxy.age = '32';
proxy.age = 32;
console.log(proxy.job);
π7β€3
What is the output?
Anonymous Quiz
20%
undefined
46%
Age must be a number Property 'job' doesn't exist
19%
Age must be a number
16%
Property 'job' doesn't exist
π3β€2π₯2
Please open Telegram to view this post
VIEW IN TELEGRAM
π€£44π12β€2π₯1π€1
CHALLENGE
function executePromises() {
console.log(1);
setTimeout(() => {
console.log(2);
}, 0);
Promise.resolve().then(() => {
console.log(3);
setTimeout(() => {
console.log(4);
}, 0);
}).then(() => {
console.log(5);
});
console.log(6);
}
executePromises();
π₯3β€2π1
What is the output?
Anonymous Quiz
23%
1, 6, 3, 2, 5, 4
25%
1, 6, 2, 3, 5, 4
24%
1, 3, 5, 6, 2, 4
27%
1, 6, 3, 5, 2, 4
π6π€©5β€2π₯1
Several years in the making, the record and tuples proposal offered two new deeply immutable data structures to JavaScript, but at this weekβs TC39 meeting, the consensus was to drop it.
Please open Telegram to view this post
VIEW IN TELEGRAM
π7π€4π€£3β€2π₯1
CHALLENGE
function main() {
console.log(1);
setTimeout(() => console.log(2), 0);
Promise.resolve().then(() => {
console.log(3);
setTimeout(() => console.log(4), 0);
}).then(() => console.log(5));
Promise.resolve().then(() => console.log(6));
console.log(7);
}
main();
β€5π2
What is the output?
Anonymous Quiz
25%
1, 3, 5, 6, 7, 2, 4
37%
1, 7, 3, 6, 5, 2, 4
15%
1, 7, 6, 3, 5, 2, 4
22%
1, 7, 3, 5, 6, 2, 4
π5π₯3β€2
Even if you donβt want to render a neat plasma-style effect on the Web, this is a wonderfully deep exploration of the math and technology behind doing so using simple GLSL code that could be easily understood by any JavaScript developer.
Alex Harri
Please open Telegram to view this post
VIEW IN TELEGRAM
β€3π2π€£2
CHALLENGE
const team = {
members: ['Alice', 'Bob', 'Charlie'],
[Symbol.iterator]: function*() {
let index = 0;
while(index < this.members.length) {
yield this.members[index++].toUpperCase();
}
}
};
const result = [];
for (const member of team) {
result.push(member);
}
console.log(result.join('-'));
π4
What is the output?
Anonymous Quiz
31%
Alice-Bob-Charlie
19%
TypeError: team is not iterable
46%
ALICE-BOB-CHARLIE
5%
[object Object]
π9β€2π₯2