CHALLENGE
const arr = [1, 2, 3, 4, 5];
const obj = { a: 1, b: 2, c: 3 };
const result1 = Object.keys(obj).length;
const result2 = arr.length;
delete obj.b;
obj.d = 4;
const result3 = Object.keys(obj).length;
const result4 = arr.push(6);
arr.length = 3;
const result5 = arr.length;
const result6 = Object.keys(obj).join('');
console.log(result1, result2, result3, result4, result5, result6);
๐ค2
What is the output?
Anonymous Quiz
18%
2 5 3 6 3 acd
30%
3 5 2 6 3 adc
17%
3 5 3 7 3 acd
35%
3 5 3 6 3 acd
โค6๐1๐ฅ1
The maintainers of the Deno runtime reflect on the recent npm ecosystem security issues and show off how Denoโs non-permissive explicit โsecure by defaultโ model can help.
Andy Jiang
Please open Telegram to view this post
VIEW IN TELEGRAM
โค5๐ฅ3๐2๐คฉ1
CHALLENGE
const multiply = (a) => (b) => (c) => a * b * c;
const step1 = multiply(2);
const step2 = step1(3);
const result1 = step2(4);
const partialMult = multiply(5)(6);
const result2 = partialMult(7);
const directResult = multiply(1)(8)(9);
console.log(result1);
console.log(result2);
console.log(directResult);
console.log(typeof step1);
console.log(typeof partialMult);
โค1
What is the output?
Anonymous Quiz
25%
24 210 72 object object
22%
6 18 9 function function
23%
NaN NaN NaN function function
30%
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
โค8๐ฅ4๐1๐คฉ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));
โค4
What is the output?
Anonymous Quiz
23%
[5, 4, 3, 1, 1]
42%
[1, 1, 3, 4, 5]
16%
[1, 3, 1, 4, 5]
18%
[3, 1, 4, 1, 5]
๐ฅ3โค2๐1
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
โค8๐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
12%
true false false undefined
39%
true true false 3
29%
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
31%
Hello, undefined Hi, Sarah
10%
Hello, undefined Hi, undefined
27%
Hello, Sarah Hi, Sarah
โค7๐คฃ3๐ค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
35%
2 4 complete
22%
undefined undefined done
11%
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
๐3๐ฅ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);
โค1
What is the output?
Anonymous Quiz
18%
Hello, undefined
25%
TypeError: this.greet is not a function
50%
Hello, Sarah
7%
undefined
โค2๐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
โค8๐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));
โค2