JavaScript

🌲 Node v22.3.0 (Current) Released One of those releases where lots of tiny things have occurred, but little of broad significance, except… for snapshot testing! Snapshot tests serialize arbitrary values into string values to be compared against a set of pre-built known ‘good’ values (stored as a ‘snapshot’ representing a desired state). Rafael Gonzaga

CHALLENGE

async function asyncFunc() {
  return 'async';
}

function promiseFunc() {
  return new Promise(resolve => resolve('promise'));
}

(async function() {
  const result = await (true ? asyncFunc() : promiseFunc());
  console.log(result);
})();

🌲 Node.js weekly #536

CHALLENGE

const obj1 = { a: 1 };
const obj2 = { b: 2 };
Object.setPrototypeOf(obj2, obj1);

console.log('a' in obj2);
console.log(obj2.hasOwnProperty('a'));
console.log(obj2.__proto__.a);

✌️ JavaScript weekly #693

CHALLENGE

const obj = {
  value: 1,
  method() {
    return this.value;
  }
};

const boundMethod = obj.method.bind({ value: 2 });
console.log(boundMethod());

🔵 How to Learn and Read effectively You read a book and enthusiastically highlighted every sentence. But let’s be honest, how often have you actually gone back to review those highlights? Probably not very often, if at all. Hovhannes Dallakyan

CHALLENGE

const sym = Symbol('unique');
const obj = {
  [sym]: 'symbol value',
  a: 1,
  b: 2
};

const keys = Object.keys(obj);
const symbols = Object.getOwnPropertySymbols(obj);

console.log(keys.length, symbols.length);

😎 Bread Jam: Make Variables and Properties Easier to See in VS Code An interesting new VS Code extension that offers 11 different ways to make variable names stand out more in your editor, with both basic colorization approaches and an interesting emoji-based prefix option. Ting Wei Jing

CHALLENGE

function* generator() {
  yield 1;
  yield 2;
  yield 3;
}

const gen = generator();

const { value, done } = gen.return('early');

console.log(value, done);

❓ DGM.js: Infinite Canvas Library with Smart Shapes A library for rendering and working with infinitely pannable canvases that contain ‘smart shapes’ that you can script and give various constraints and properties. GPLv3 licensed. Minkyu Lee

CHALLENGE

const sym1 = Symbol('sym');
const sym2 = Symbol('sym');

const obj = {
  [sym1]: 'value1',
  [sym2]: 'value2'
};

console.log(obj[sym1], obj[sym2], sym1 === sym2);

✌️ JavaScript weekly - updates