Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤2
CHALLENGE
const getValue = (x) => {
console.log(`Getting: ${x}`);
return x;
};
const obj = { name: null };
const result = obj.name || getValue('default') && getValue('final');
console.log(`Result: ${result}`);👍5🔥2
What is the output?
Anonymous Quiz
44%
Getting: default Getting: final Result: final
25%
Getting: final Result: final
14%
Getting: default Result: default
17%
Result: null
👍7🤔2
Bundlers now sit at the heart of many JavaScript workflows and are sometimes even integrated into runtimes (e.g. Bun’s). This piece surveys the landscape and argues the speed wars are mostly over, with the real battle shifting to artifact size and the code that actually ships to users.
Kate Holterhoff
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤4🔥1
CHALLENGE
function createCounter() {
let count = 0;
return function(increment = 1) {
count += increment;
return count;
};
}
const counter1 = createCounter();
const counter2 = createCounter();
console.log(counter1());
console.log(counter1(5));
console.log(counter2(3));
console.log(counter1());
console.log(counter2());❤4👍1🔥1
🔥11👍2
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
👍7❤3🔥2
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🤔4👍1
Your favourite framework/lib of the year
Anonymous Poll
65%
React 🔵
9%
Angular 📸
4%
Svelte 🟠
9%
Vue.js 🌲
12%
Next.js
🤣10❤6👍1
Happy New Year! 🎄 🍾
Wishing you fewer meetings, more merges, and no Friday deploys.😆
@JavaScript Telegram Newsletter Team
Wishing you fewer meetings, more merges, and no Friday deploys.
@JavaScript Telegram Newsletter Team
Please open Telegram to view this post
VIEW IN TELEGRAM
❤33👍6🔥4
CHALLENGE
class Vehicle {
#engine = 'V6';
static count = 0;
constructor(type) {
this.type = type;
Vehicle.count++;
}
static getCount() {
return this.count;
}
get info() {
return `${this.type} with ${this.#engine}`;
}
}
class Car extends Vehicle {
static count = 0;
constructor(brand) {
super('car');
this.brand = brand;
Car.count++;
}
}
const tesla = new Car('Tesla');
const ford = new Car('Ford');
console.log(Vehicle.getCount());
console.log(Car.getCount());
console.log(tesla.info);❤3👍2🔥1
What is the output?
Anonymous Quiz
19%
2 0 car with V6
40%
2 2 Tesla with V6
22%
0 2 car with V6
19%
2 2 car with V6
❤8👍2
CHALLENGE
async function fetchData() {
return Promise.resolve('data');
}
async function processData() {
console.log('start');
const result = fetchData();
console.log(typeof result);
const data = await fetchData();
console.log(typeof data);
console.log('end');
}
processData();❤8
What is the output?
Anonymous Quiz
43%
start object string end
32%
start object data end
15%
start string object end
11%
start function string end
❤6🤔3🤣2
CHALLENGE
function* fibonacci() {
let a = 0, b = 1;
yield a;
yield b;
while (true) {
let next = a + b;
yield next;
a = b;
b = next;
}
}
const gen = fibonacci();
const results = [];
for (let i = 0; i < 6; i++) {
results.push(gen.next().value);
}
console.log(results.join(','));❤4👍1🤔1
❤3🤔3👍1🔥1
CHALLENGE
const user = {
name: 'Sarah',
age: 28,
getName() {
return this.name;
}
};
const { getName } = user;
const boundGetName = user.getName.bind(user);
console.log(getName());
console.log(boundGetName());
console.log(user.getName());❤5🤔2
What is the output?
Anonymous Quiz
23%
undefined undefined Sarah
39%
undefined Sarah Sarah
12%
TypeError Sarah Sarah
26%
Sarah Sarah Sarah
👍8❤1🤔1
CHALLENGE
function* outer() {
yield 1;
yield* inner();
yield 4;
}
function* inner() {
yield 2;
yield 3;
}
const gen = outer();
console.log(gen.next().value);
console.log(gen.next().value);
console.log(gen.next().value);
console.log(gen.next().value);🔥3❤1👍1