CHALLENGE
function* inner() {
yield 1;
yield 2;
return 100;
}
function* outer() {
const result = yield* inner();
yield result;
yield 3;
}
const it = outer();
console.log(it.next().value, it.next().value, it.next().value, it.next().value);❤6👍4🤔2
What is the output?
Anonymous Quiz
22%
1 2 100 3
50%
1 2 100 undefined
19%
1 2 3 undefined
9%
1 2 undefined 3
❤2
I built an app with this and was impressed. You get a txiki.js-powered backend with full system access (including FFI!), native webview rendering, and tiny macOS, Linux, and Windows builds. It even makes it easy to sign/notarize the final app.
Tarwin Stroh-Spijer
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👍3
CHALLENGE
class Base {
static count = 0;
static increment() {
this.count++;
return this.count;
}
}
class Derived extends Base {
static count = 10;
}
console.log(Base.increment(), Derived.increment(), Base.count, Derived.count);❤3
❤3🔥2👍1
CHALLENGE
let counter = 0;
const mod = {
get counter() { return counter; },
increment() { counter++; }
};
const { counter: snapshotCounter } = mod;
mod.increment();
mod.increment();
console.log(snapshotCounter, mod.counter, counter);
🔥4❤2
🤣2❤1🔥1
CHALLENGE
const obj = {
value: 42,
getValue() { return this?.value; },
getValueArrow: () => this?.value
};
const { getValue, getValueArrow } = obj;
console.log(obj.getValue(), getValue(), obj.getValueArrow(), getValueArrow());❤1
What is the output?
Anonymous Quiz
24%
42 42 undefined undefined
34%
42 undefined 42 42
17%
42 42 42 42
25%
42 undefined undefined undefined
❤1
CHALLENGE
class Base {
value = 10;
getValue = () => this.value;
constructor() {
this.value = 20;
}
}
class Derived extends Base {
value = 30;
}
const d = new Derived();
console.log(d.getValue(), d.value);❤3🔥3
CHALLENGE
let order = [];
function a() {
try {
return 'try';
} finally {
order.push('a-finally');
return 'a-final-return';
}
}
function b() {
try {
throw new Error('x');
} catch (e) {
order.push('b-catch');
return 'b-catch-return';
} finally {
order.push('b-finally');
}
}
console.log(a(), b(), order.join(','));
❤3🔥1
CHALLENGE
const order = [];
order.push('start');
setTimeout(() => { order.push('timeout'); console.log(order.join(',')); }, 0);
Promise.resolve().then(() => order.push('promise1'));
async function foo() {
order.push('foo start');
await null;
order.push('foo end');
}
foo();
Promise.resolve().then(() => order.push('promise2'));
order.push('end');
❤3🔥1
CHALLENGE
const message = 'a😀bc';
const codePoints = [...message];
const combined = {
raw: message.length,
points: codePoints.length,
second: codePoints[1]
};
console.log(combined.raw, combined.points, combined.second);
❤3
❤4
CHALLENGE
class Counter {
#count = 0;
static #instances = 0;
constructor() { Counter.#instances++; }
#increment() { this.#count++; }
incrementAndGet() {
this.#increment();
return this.#count;
}
static get total() { return Counter.#instances; }
}
class SpecialCounter extends Counter {
incrementAndGet() {
return super.incrementAndGet() * 2;
}
}
const c1 = new Counter();
const c2 = new SpecialCounter();
console.log(`${c1.incrementAndGet()} ${c2.incrementAndGet()} ${Counter.total}`);🤣3
❤2
CHALLENGE
const arr = [1, 2, 3];
const log = [];
const result = arr.map((x, i) => {
if (i === 0) arr.push(4);
log.push(x);
return x * 2;
});
console.log(result.join(','), log.join(','), arr.join(','));
❤4🔥2👍1