What is the output?
Anonymous Quiz
25%
undefined function 15 48
53%
function function 30 48
15%
function function 30 24
7%
function number 30 48
โค4๐3๐ฅ2
CHALLENGE
function checkTDZ() {
console.log(typeof undeclaredVar);
try {
console.log(typeof letVar);
} catch (e) {
console.log(`Caught: ${e.constructor.name}`);
}
let letVar = "initialized";
const result = (() => {
let x = 10;
return function () {
let x = x + 5;
return x;
};
})();
try {
console.log(result());
} catch (e) {
console.log(`Caught: ${e.constructor.name}`);
}
}
checkTDZ();
โค1๐1๐ฅ1
CHALLENGE
const str = " Hello, World! ";
const result = str
.trim()
.split(", ")
.map((word, i) => {
return i === 0
? word.toUpperCase()
: word.replace(/!$/, "").split("").reverse().join("") + "?";
})
.join(" | ");
const [first, ...rest] = result.split(" | ");
const final = `${first} | ${rest.join(" & ")}`;
console.log(final);
โค1๐ฅ1
What is the output?
Anonymous Quiz
31%
Hello | WORLD!
24%
HELLO | World?
37%
HELLO | dlroW?
8%
HELLO | dlroW!
๐3โค2
CHALLENGE
const p1 = new Promise((resolve) => {
console.log("A");
resolve("B");
});
const p2 = p1.then((val) => {
console.log(val);
return "C";
});
p2.then((val) => {
console.log(val);
});
console.log("D");
๐ฅ1
โค2๐2๐ฅ1
The hugely useful MDN has rebuilt its frontend stack from the ground up, ditching React for web components and a homegrown server component system. A great read on building a modern, content-heavy site without shipping unnecessary JavaScript on every page.
Leo McArdle (MDN)
Please open Telegram to view this post
VIEW IN TELEGRAM
โค9๐ฅ2๐1
CHALLENGE
const prefix = 'user';
const id = 42;
const role = 'admin';
const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1);
const profile = {
[`${prefix}_${id}`]: 'Marcus',
[Symbol.iterator]: null,
[`get${capitalize(role)}`]: () => 'full-access',
[`${prefix}Count`]: 3,
};
const dynamicKey = `${prefix}_${id}`;
console.log(
profile[dynamicKey],
profile[`get${capitalize(role)}`](),
profile[`${prefix}Count`] * id,
Object.keys(profile).length
);
โค2
What is the output?
Anonymous Quiz
26%
Marcus full-access 126 3
36%
Marcus full-access 42 3
23%
undefined full-access 126 4
15%
Marcus full-access 126 4
โค2๐ค1
One personโs entertaining and heroic tale of wielding JavaScript to explore the Firefox extension ecosystem. And what oddities there are within! I enjoyed this a lot, itโs like Alice in Wonderland for developers. More spelunking like this please.
Jack Cab
Please open Telegram to view this post
VIEW IN TELEGRAM
โค4๐ฅ4๐3๐คฃ2๐ค1๐คฉ1
CHALLENGE
const values = [0.1 + 0.2, NaN, Infinity, -0, 42.6789];
const results = values.map((v, i) => {
if (i === 0) return Number.isInteger(v) + " " + v.toFixed(1);
if (i === 1) return Number.isFinite(v) + " " + Number.isNaN(v);
if (i === 2) return Number.isFinite(v) + " " + isFinite(v);
if (i === 3) return Object.is(v, -0) + " " + (v === 0);
if (i === 4) return v.toPrecision(4) + " " + Math.trunc(v);
});
results.forEach(r => console.log(r));
โค1๐1๐ฅ1
Snapshots your real UI and captures a flat list of skeleton โbonesโ which are positioned, sized rectangles that mirror the page exactly. Supports React, Preact, React Native, Vue, Svelte, and Angular.
0xGF
Please open Telegram to view this post
VIEW IN TELEGRAM
โค4๐4๐ค1
CHALLENGE
class Animal {
#sound;
constructor(name, sound) {
this.name = name;
this.#sound = sound;
}
speak() {
return `${this.name} says ${this.#sound}`;
}
static create(name, sound) {
return new this(name, sound);
}
}
class Dog extends Animal {
#tricks = [];
constructor(name) {
super(name, "woof");
}
learn(trick) {
this.#tricks.push(trick);
return this;
}
perform() {
return `${this.name} performs: ${this.#tricks.join(", ")}`;
}
}
const rex = Dog.create("Rex", "bark");
rex.learn("sit").learn("shake").learn("roll over");
console.log(rex.speak());
console.log(rex.perform());
console.log(rex instanceof Animal);
console.log(rex instanceof Dog);What is the output?
Anonymous Quiz
32%
Rex says woof Rex performs: sit, shake, roll over true true
40%
Rex says woof Rex performs: sit - shake - roll over true true
16%
Rex says bark Rex performs: sit, shake, roll over false true
11%
Rex says bark Rex performs: sit, shake, roll over true true
โค4๐2
A full Windows 95 experience as an app on macOS, Linux, and Windows, built upon the v86 JavaScript + WASM emulator. v5.0 is a big release as you can mount a folder from your machine into it as a Z: drive, mount ISOs as CD-ROMs, thereโs a shared clipboard, and Internet access has been improved. Iโm so trying to get Microsoft Encartaโs Mindmaze running on thisโฆ
Felix Rieseberg
Please open Telegram to view this post
VIEW IN TELEGRAM
โค8๐ฅ4
CHALLENGE
const user = {
profile: {
name: "Marcus",
score: 0,
nickname: null,
bio: undefined,
},
};
user.profile.nickname ??= "Anonymous";
user.profile.bio ??= "No bio provided";
user.profile.score ??= 100;
user.profile.rank ??= "Beginner";
const { name, score, nickname, bio, rank } = user.profile;
console.log(`${name} | ${score} | ${nickname} | ${bio} | ${rank}`);โค3๐ฅ2
An open-source framework for creating and rendering videos with HTML and JavaScript. Essentially a simpler non-React alternative to Remotion. It includes a variety of built-in blocks/components for common video effects and elements, and can also composite existing video and audio clips. GitHub repo.
HeyGen
Please open Telegram to view this post
VIEW IN TELEGRAM
โค6๐ฅ2