What is the output?
Anonymous Quiz
28%
1,1,2,3,5,8,13,21
35%
0,1,1,2,3,5,8,13,21
32%
0,1,1,2,3,5,8,13
5%
0,1,2,3,5,8,13
❤3🔥3👍1🤔1
Porffor is a rapidly developing ahead-of-time JavaScript compiler with a major benefit being extremely quick process launch times (think sub-millisecond). This is certainly more a taste of the future, and something to experiment with, rather than something you want to imminently deploy into production.
Oliver Medhurst
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤4🔥1
CHALLENGE
const user = {
name: 'Sarah',
age: 25,
getName() { return this.name; },
getAge: () => this.age
};
const methods = {
regular: user.getName,
arrow: user.getAge
};
console.log(methods.regular());
console.log(methods.arrow());
console.log(user.getName());
console.log(user.getAge());❤1
What is the output?
Anonymous Quiz
22%
Sarah undefined Sarah 25
31%
undefined undefined Sarah undefined
36%
Sarah 25 Sarah 25
11%
undefined 25 Sarah undefined
❤7🔥5🤔1
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11🤩6🤔5
CHALLENGE
let obj1 = { name: 'Sarah' };
let obj2 = { name: 'Mike' };
let obj3 = { ref: obj1 };
obj1.circular = obj1;
obj2.partner = obj3;
obj3.partner = obj2;
let weakMap = new WeakMap();
weakMap.set(obj1, 'data1');
weakMap.set(obj2, 'data2');
obj1 = null;
obj2 = null;
console.log(weakMap.has(obj3.ref));
console.log(obj3.partner.name);❤6
What is the output?
Anonymous Quiz
23%
false Mike
35%
true undefined
26%
true Mike
15%
false undefined
❤2👍2🔥2
If Linus Torvalds applied for a junior coding job today…
He’d get rejected.
He doesn’t have “5 years React experience.”
That’s how broken hiring has become.😨
He’d get rejected.
He doesn’t have “5 years React experience.”
That’s how broken hiring has become.
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣17🔥14❤3🤩1
CHALLENGE
function createCounter() {
let count = 0;
return {
increment: () => ++count,
decrement: () => --count,
get: () => count
};
}
const counter1 = createCounter();
const counter2 = createCounter();
counter1.increment();
counter1.increment();
counter2.increment();
console.log(counter1.get(), counter2.get());
const { increment, get } = counter1;
increment();
console.log(get());👍5❤3🔥1
CHALLENGE
const promise1 = Promise.resolve('first');
const promise2 = new Promise(resolve => {
resolve('second');
});
const promise3 = Promise.resolve().then(() => 'third');
async function test() {
console.log('start');
const result1 = await promise1;
console.log(result1);
const result2 = await promise2;
console.log(result2);
const result3 = await promise3;
console.log(result3);
console.log('end');
}
test();❤3
What is the output?
Anonymous Quiz
21%
start first end second third
33%
start end first second third
39%
start first second third end
7%
first second third start end
🔥5🤔2
Is there a difference between the previous code (red) and the new one (green) ?
Actually, there is 35second difference😠
The previous code was, on every loop, creating a new object, always deallocating and reallocating memory, while the second example creates one object (a cache) and save each item into it.
Eduard Krivánek
Actually, there is 35second difference
The previous code was, on every loop, creating a new object, always deallocating and reallocating memory, while the second example creates one object (a cache) and save each item into it.
Eduard Krivánek
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥4❤3
CHALLENGE
class EventBus {
constructor() {
this.events = new Map();
}
on(event, callback) {
if (!this.events.has(event)) {
this.events.set(event, []);
}
this.events.get(event).push(callback);
}
emit(event, data) {
if (this.events.has(event)) {
this.events.get(event).forEach(callback => callback(data));
}
}
}
const bus = new EventBus();
bus.on('user', name => console.log(`Hello ${name}`));
bus.on('user', name => console.log(`Welcome ${name}`));
bus.emit('user', 'Sarah');
bus.emit('admin', 'John');❤6🤔3
What is the output?
Anonymous Quiz
38%
Hello Sarah Welcome Sarah
18%
Welcome Sarah
38%
Hello Sarah Welcome Sarah Hello John Welcome John
6%
Hello Sarah
❤8👍2🔥1
Since v23.6 (and in LTS since v22.18.0), Node has supported running (most) TypeScript code by stripping the types out first. The Calm team was excited about the potential for improving productivity and DX, and set a migration in process. Here’s a look at the challenges encountered and what the end results were.
Stuart Dotson (Calm)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤2👍1
CHALLENGE
const original = { a: 1, b: { c: 2 } };
const shallow = { ...original };
const deep = JSON.parse(JSON.stringify(original));
shallow.a = 10;
shallow.b.c = 20;
deep.a = 100;
deep.b.c = 200;
const frozen = Object.freeze({ x: 1, y: { z: 2 } });
frozen.x = 99;
frozen.y.z = 99;
console.log(original.a, original.b.c, frozen.x, frozen.y.z);❤2🔥2
❤5👍3
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🤔3👍2🔥2
CHALLENGE
async function fetchData() {
console.log('1');
return Promise.resolve('data');
}
async function processData() {
console.log('2');
const result = await fetchData();
console.log('3');
return result;
}
console.log('4');
processData().then(() => console.log('5'));
console.log('6');