What is the output?
Anonymous Quiz
24%
24 210 72 object object
24%
6 18 9 function function
23%
NaN NaN NaN function function
29%
24 210 72 function function
🤣5👍3❤1
Many features that once required third-party packages are now built into the runtime itself. Here’s a look at some of the most notable that you may want to experiment with, prior to reducing unnecessary dependencies.
Lizz Parody
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🔥4👍2🤩1
CHALLENGE
function mystery(arr, depth = 0) {
if (arr.length <= 1) return arr;
const mid = Math.floor(arr.length / 2);
const left = mystery(arr.slice(0, mid), depth + 1);
const right = mystery(arr.slice(mid), depth + 1);
const result = [];
let i = 0, j = 0;
while (i < left.length && j < right.length) {
result.push(left[i] <= right[j] ? left[i++] : right[j++]);
}
return result.concat(left.slice(i)).concat(right.slice(j));
}
const arr = [3, 1, 4, 1, 5];
console.log(mystery(arr));❤5
What is the output?
Anonymous Quiz
23%
[5, 4, 3, 1, 1]
44%
[1, 1, 3, 4, 5]
16%
[1, 3, 1, 4, 5]
18%
[3, 1, 4, 1, 5]
🔥3❤2👍2
We're thrilled that React is coming under the The Linux Foundation to create the React Foundation.
React doesn’t live in isolation - It works alongside Node.js, Electron, Webpack, and more. A dedicated foundation means more collaboration, security, and sustainability across the ecosystem.
OpenJS Foundation
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10👍7🤔1
CHALLENGE
const ws = new WeakSet();
const obj1 = { name: 'first' };
const obj2 = { name: 'second' };
const obj3 = obj1;
ws.add(obj1);
ws.add(obj2);
ws.add(obj3);
console.log(ws.has(obj1));
console.log(ws.has(obj3));
console.log(ws.has({ name: 'first' }));
console.log(ws.size);
❤2
What is the output?
Anonymous Quiz
13%
true false false undefined
39%
true true false 3
28%
true true true undefined
19%
true true false undefined
❤3👍3🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🔥2🤣1
CHALLENGE
const obj = {
name: 'Sarah',
greet: () => {
console.log(`Hello, ${this.name}`);
},
sayHi: function() {
const inner = () => {
console.log(`Hi, ${this.name}`);
};
inner();
}
};
obj.greet();
obj.sayHi();❤2
What is the output?
Anonymous Quiz
31%
Hello, Sarah Hi, undefined
32%
Hello, undefined Hi, Sarah
10%
Hello, undefined Hi, undefined
26%
Hello, Sarah Hi, Sarah
❤7🤣4🤔2🔥1
CHALLENGE
class Observable {
constructor(subscribe) {
this.subscribe = subscribe;
}
map(fn) {
return new Observable(observer => {
return this.subscribe({
next: value => observer.next(fn(value)),
error: err => observer.error(err),
complete: () => observer.complete()
});
});
}
}
const source = new Observable(observer => {
observer.next(1);
observer.next(2);
observer.complete();
});
const doubled = source.map(x => x * 2);
doubled.subscribe({
next: value => console.log(value),
complete: () => console.log('done')
});❤3🤔2
What is the output?
Anonymous Quiz
33%
2 4 done
33%
2 4 complete
21%
undefined undefined done
13%
1 2 done
❤2👍2🔥2🤔2
From the same creators of the fantastic
CultRepo
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥3❤1
CHALLENGE
const obj = {
name: 'Sarah',
greet() {
return `Hello, ${this.name}`;
},
delayedGreet() {
const fn = function() {
return this.greet();
};
return fn.call(this);
}
};
const result = obj.delayedGreet();
console.log(result);❤3
What is the output?
Anonymous Quiz
17%
Hello, undefined
25%
TypeError: this.greet is not a function
52%
Hello, Sarah
6%
undefined
❤5👍1🔥1🤔1🤩1
The author takes us back ten years to the genesis of Prettier, the popular opinionated, deterministic code formatter he co-created with James Long. Prettier effectively introduced and popularized the practice of fully-automated AST-based code formatting in the JavaScript ecosystem.
Christopher Chedeau (Vjeux)
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11👍2🔥1
CHALLENGE
class Calculator {
static multiply(a, b) {
return a * b;
}
static add = (a, b) => {
return a + b;
}
}
class ScientificCalculator extends Calculator {
static multiply(a, b) {
return super.multiply(a, b) * 2;
}
}
console.log(Calculator.multiply(3, 4));
console.log(ScientificCalculator.add(5, 6));
console.log(ScientificCalculator.multiply(2, 3));❤3
❤4🤔3👍2🔥2
Graphviz is a suite of open source graph drawing tools of over 30 years’ vintage. Viz.js is a WebAssembly Graphviz build that brings its functionality into the browser. GitHub repo.
Michael Daines
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6👍2🔥1
CHALLENGE
class Observable {
constructor(subscriber) {
this.subscriber = subscriber;
}
subscribe(observer) {
return this.subscriber(observer);
}
map(fn) {
return new Observable(observer => {
return this.subscribe({
next: value => observer.next(fn(value)),
error: err => observer.error(err),
complete: () => observer.complete()
});
});
}
}
const source = new Observable(observer => {
observer.next(1);
observer.next(2);
observer.complete();
});
const doubled = source.map(x => x * 2);
doubled.subscribe({
next: value => console.log(value),
complete: () => console.log('done')
});What is the output?
Anonymous Quiz
16%
1 2 done
56%
2 4 done
18%
undefined undefined done
10%
[object Object] [object Object] done
❤4👍1🔥1