What is the output?
Anonymous Quiz
31%
8 10 "Property x not found"
22%
8 10 undefined
30%
8 10 Property x not found
17%
7.8 10 Property x not found
π€5β€3π1
A straightforward, practical look at bringing together several technologies and skills to create an AI powered color suggestion tool (which you can try here β results may vary, as seen above). The techniques covered can be used for many different practical ends.
LΓΊΓ Smyth
Please open Telegram to view this post
VIEW IN TELEGRAM
π₯6β€2π2
CHALLENGE
const map = new WeakMap();
let obj1 = { name: 'user1' };
let obj2 = { name: 'user2' };
map.set(obj1, 'data for user1');
map.set(obj2, 'data for user2');
console.log(map.has(obj1));
obj1 = null;
// After garbage collection runs
console.log(map.has(obj1));
console.log(map.get(obj2));
What is the output?
Anonymous Quiz
24%
true ReferenceError: obj1 is not defined
43%
true false data for user2
16%
true false undefined
17%
true false 'data for user2'
β€3π1π₯1
A WYSIWYG Markdown editor framework based around a plugin system that enables a significant level of customization. The docs are rendered by Milkdown itself and thereβs a neat βplaygroundβ experience to try as well. GitHub repo.
Mirone
Please open Telegram to view this post
VIEW IN TELEGRAM
β€2π2π₯1
CHALLENGE
function createCounter() {
let count = 0;
function increment() {
count++;
return count;
}
function decrement() {
count--;
return count;
}
return { increment, decrement, reset: () => count = 0 };
}
const counter = createCounter();
counter.increment();
counter.increment();
counter.decrement();
const { increment, reset } = counter;
increment();
reset();
increment();
console.log(counter.increment());
β€2
π₯5β€3π2
Please open Telegram to view this post
VIEW IN TELEGRAM
π€£32π7π₯4β€3
CHALLENGE
function processUserData(data) {
try {
if (!data) {
throw new Error('No data provided');
}
if (!data.name) {
throw new TypeError('Name is required');
}
return { success: true, user: data.name };
} catch (err) {
if (err instanceof TypeError) {
return { success: false, reason: 'validation-failed' };
}
return { success: false, reason: 'unknown-error' };
}
}
console.log(processUserData({}));
β€3
What is the output?
Anonymous Quiz
23%
TypeError: Name is required
51%
{ success: false, reason: 'validation-failed' }
18%
{ success: false, reason: 'unknown-error' }
8%
{ success: true, user: undefined }
π₯5β€2π2π€1
CHALLENGE
const cache = new WeakMap();
function expensiveOperation(obj) {
if (cache.has(obj)) {
console.log('Cache hit!');
return cache.get(obj);
}
console.log('Computing result...');
const result = obj.value * 2;
cache.set(obj, result);
return result;
}
const user = { value: 42 };
expensiveOperation(user);
expensiveOperation(user);
expensiveOperation({ value: 42 });
This has lots of possible use cases, including dealing with weird JSON coming back from LLMs or non-compliant JSON spat out by poorly built software. You can use it from Node, as a CLI tool, or try a basic version online.
Jos de Jong
Please open Telegram to view this post
VIEW IN TELEGRAM
π₯6β€3π1
CHALLENGE
async function fetchData() {
return 'Data loaded';
}
async function processData() {
console.log('Starting...');
try {
const result = fetchData();
console.log(result);
console.log(await result);
return 'Processing complete';
} catch (error) {
return 'Error occurred';
} finally {
console.log('Cleanup');
}
}
processData().then(result => console.log(result));
β€1
What is the output?
Anonymous Quiz
35%
Starting... Promise { 'Data loaded' } Data loaded Cleanup Processing complete
30%
Starting... Promise { <pending> } Cleanup Processing complete
19%
Starting... Promise { <pending> } Data loaded Cleanup Processing complete
15%
Starting... Data loaded Cleanup Processing complete
β€3π1π₯1π€1
An open source (though a commercial version is available) Node and Electron-based desktop app for crafting and testing HTTP requests, complex and simple. Think of it as a lightweight alternative to something like Postman.
Anoop M D, Anusree P S and Contributors
Please open Telegram to view this post
VIEW IN TELEGRAM
β€4π2
CHALLENGE
function outer() {
console.log(innerVar);
console.log(typeof innerFunc);
var innerVar = 42;
function innerFunc() {
return innerVar;
}
let anotherVar = 100;
console.log(typeof anotherVar);
}
outer();
What is the output?
Anonymous Quiz
20%
undefined 'undefined' 'number'
41%
undefined 'function' 'number'
18%
ReferenceError: innerVar is not defined
21%
42 'function' 'number'
β€2π2π₯1
CHALLENGE
function* rangeGenerator(start, end, step = 1) {
let current = start;
while (current <= end) {
yield current;
current += step;
}
}
const numbers = rangeGenerator(1, 10, 2);
numbers.next();
numbers.next();
const values = [...numbers];
console.log(values);
π2β€1π₯1