JavaScript
31.6K subscribers
1.17K photos
10 videos
33 files
844 links
A resourceful newsletter featuring the latest and most important news, articles, books and updates in the world of #javascript πŸš€ Don't miss our Quizzes!

Let's chat: @nairihar
Download Telegram
CHALLENGE


const memoize = (fn) => {
const cache = new Map();
return (...args) => {
const key = JSON.stringify(args);
if (cache.has(key)) {
return cache.get(key);
}
const result = fn(...args);
cache.set(key, result);
return result;
};
};

let callCount = 0;

const expensiveMultiply = memoize((a, b) => {
callCount++;
return a * b;
});

console.log(expensiveMultiply(3, 4));
console.log(expensiveMultiply(3, 4));
console.log(expensiveMultiply(2, 5));
console.log(expensiveMultiply(3, 4));
console.log(`calls: ${callCount}`);
❀6πŸ”₯4πŸ‘2
CHALLENGE


const config = {
version: 1,
settings: { theme: "dark", fontSize: 14 },
tags: ["beta", "v1"],
};

Object.seal(config);
Object.freeze(config.settings);

config.version = 99;
config.newProp = "ignored";
delete config.tags;

config.settings.theme = "light";
config.settings.newKey = "ignored";

config.tags.push("v2");
config.tags[0] = "stable";

console.log(
config.version,
config.newProp,
config.settings.theme,
config.tags
);
πŸ”₯4πŸ‘1
CHALLENGE


"use strict";

function createCounter() {
let count = 0;

return {
increment() { count++; },
get value() { return count; },
reset: function() { count = 0; }
};
}

const counter = createCounter();
counter.increment();
counter.increment();
counter.increment();

const { value, reset } = counter;
reset();

console.log(counter.value, value);
❀4πŸ”₯2
πŸ”₯5πŸ‘2
CHALLENGE


const delay = (val) => Promise.resolve(val);

async function pipeline(input) {
const result = await delay(input)
.then((v) => v * 2)
.then((v) => v + 10)
.then((v) => {
if (v > 20) throw new Error(`Too large: ${v}`);
return v;
})
.catch((e) => `Caught: ${e.message}`)
.then((v) => (typeof v === "string" ? v.toUpperCase() : v * 3));

return result;
}

Promise.all([pipeline(4), pipeline(8)]).then(([a, b]) => {
console.log(a);
console.log(b);
});
❀2πŸ‘1
🌲 Node Moves to Enable Temporal By Default

The Temporal API, designed to modernize JavaScript’s date/time handling, reached stage 4 last month. Node was waiting on V8 to make it enabled by default, which happened in V8 14.4, and the wheels are now in motion for an eventual release in Node 26.

Richard Lau
Please open Telegram to view this post
VIEW IN TELEGRAM
❀7πŸ‘7πŸ”₯1
CHALLENGE


const handler = {
get(target, prop, receiver) {
if (prop in target) {
return Reflect.get(target, prop, receiver) * 2;
}
return `${prop} not found`;
},
set(target, prop, value) {
if (typeof value !== "number") {
throw new TypeError("Only numbers allowed");
}
target[prop] = value + 10;
return true;
},
has(target, prop) {
return prop.startsWith("x") ? false : prop in target;
},
};

const obj = new Proxy({ score: 5, xp: 100 }, handler);

obj.level = 3;
console.log(obj.score);
console.log(obj.level);
console.log("xp" in obj);
console.log("score" in obj);
console.log(obj.rank);
❀2πŸ‘1πŸ”₯1
πŸ‘€ FluidCAD (above) is a new project bringing parametric CAD to the JavaScript world where you can write code to create/manipulate objects and see a live update of what you're making. It's built on top of OpenCascade.js, a JS/WASM port of the open source OpenCascade 3D geometry library.
Please open Telegram to view this post
VIEW IN TELEGRAM
❀10πŸ‘5πŸ”₯3
CHALLENGE

const curry = (fn) => {
const arity = fn.length;
return function curried(...args) {
if (args.length >= arity) {
return fn(...args);
}
return (...moreArgs) => curried(...args, ...moreArgs);
};
};

const volume = (l, w, h) => l * w * h;
const curriedVolume = curry(volume);

const withLength5 = curriedVolume(5);
const withLength5Width3 = withLength5(3);

console.log(typeof withLength5);
console.log(typeof withLength5Width3);
console.log(withLength5Width3(2));
console.log(curriedVolume(4)(6)(2));
πŸ‘3πŸ”₯3❀1
❀4πŸ‘3πŸ”₯2
CHALLENGE


function checkTDZ() {
console.log(typeof undeclaredVar);

try {
console.log(typeof letVar);
} catch (e) {
console.log(`Caught: ${e.constructor.name}`);
}

let letVar = "initialized";

const result = (() => {
let x = 10;
return function () {
let x = x + 5;
return x;
};
})();

try {
console.log(result());
} catch (e) {
console.log(`Caught: ${e.constructor.name}`);
}
}

checkTDZ();
❀1πŸ‘1πŸ”₯1
CHALLENGE


const str = " Hello, World! ";

const result = str
.trim()
.split(", ")
.map((word, i) => {
return i === 0
? word.toUpperCase()
: word.replace(/!$/, "").split("").reverse().join("") + "?";
})
.join(" | ");

const [first, ...rest] = result.split(" | ");
const final = `${first} | ${rest.join(" & ")}`;

console.log(final);
❀1πŸ”₯1
πŸ‘3❀2
CHALLENGE


const p1 = new Promise((resolve) => {
console.log("A");
resolve("B");
});

const p2 = p1.then((val) => {
console.log(val);
return "C";
});

p2.then((val) => {
console.log(val);
});

console.log("D");
πŸ”₯1
❀2πŸ‘2πŸ”₯1