uz
Feedback
JavaScript

JavaScript

Kanalga Telegram’da o‘tish

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

Ko'proq ko'rsatish

📈 Telegram kanali JavaScript analitikasi

JavaScript (@javascript) Ingliz til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 31 443 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 4 384-o'rinni va Hindiston mintaqasida 13 551-o'rinni egallagan.

📊 Auditoriya ko‘rsatkichlari va dinamika

невідомо sanasidan buyon loyiha tez o‘sib, 31 443 obunachiga ega bo‘ldi.

13 Iyun, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -193 ga, so‘nggi 24 soatda esa 21 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.

  • Tasdiqlash holati: Tasdiqlanmagan
  • Jalb etish (ER): Auditoriya o‘rtacha 6.27% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 2.53% ini tashkil etuvchi reaksiyalarni to‘playdi.
  • Post qamrovi: Har bir post o‘rtacha 1 972 marta ko‘riladi; birinchi sutkada odatda 796 ta ko‘rish yig‘iladi.
  • Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 7 ta reaksiya keladi.
  • Tematik yo‘nalishlar: Kontent javascript, console.log(gen.next().value, processdata, remix, acc kabi asosiy mavzularga jamlangan.

📝 Tavsif va kontent siyosati

Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
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

Yuqori yangilanish chastotasi (oxirgi ma’lumot 14 Iyun, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.

31 443
Obunachilar
+2124 soatlar
-537 kunlar
-19330 kunlar
Postlar arxiv
CHALLENGE
const target = { name: 'Sarah', age: 25 };
const handler = {
  get(obj, prop) {
    if (prop === 'toString') {
      return () => `Person: ${obj.name}`;
    }
    return Reflect.get(obj, prop);
  },
  has(obj, prop) {
    return prop !== 'age' && Reflect.has(obj, prop);
  }
};
const proxy = new Proxy(target, handler);
console.log(proxy.name);
console.log('age' in proxy);
console.log(proxy.toString());

What is the output?
Anonymous voting

CHALLENGE
class StateMachine {
  constructor() {
    this.state = 'idle';
    this.transitions = {
      idle: { start: 'running', reset: 'idle' },
      running: { pause: 'paused', stop: 'stopped' },
      paused: { resume: 'running', stop: 'stopped' },
      stopped: { reset: 'idle' }
    };
  }
  
  transition(action) {
    const nextState = this.transitions[this.state]?.[action];
    if (nextState) {
      this.state = nextState;
      return true;
    }
    return false;
  }
}

const sm = new StateMachine();
console.log(sm.transition('start'));
console.log(sm.state);
console.log(sm.transition('reset'));
console.log(sm.state);

😆

What is the output?
Anonymous voting

CHALLENGE
class ValidationError extends Error {
  constructor(message, code) {
    super(message);
    this.name = 'ValidationError';
    this.code = code;
  }
}

function processData(data) {
  try {
    if (!data) throw new ValidationError('Data required', 'MISSING_DATA');
    return data.toUpperCase();
  } catch (error) {
    if (error instanceof ValidationError) {
      console.log(`${error.name}: ${error.message} (${error.code})`);
    } else {
      console.log(`Unexpected error: ${error.message}`);
    }
  }
}

processData(null);
processData(42);

What is the output?
Anonymous voting

CHALLENGE
class CustomError extends Error {
  constructor(message, code) {
    super(message);
    this.name = 'CustomError';
    this.code = code;
  }
}

try {
  throw new CustomError('Something went wrong', 500);
} catch (error) {
  console.log(error instanceof Error);
  console.log(error instanceof CustomError);
  console.log(error.name);
  console.log(typeof error.code);
}

What is the output?
Anonymous voting

CHALLENGE
let cache = new Map();
let obj = { name: 'Emma', age: 28 };

function memoize(fn) {
  return function(...args) {
    const key = JSON.stringify(args);
    if (cache.has(key)) {
      console.log('Cache hit');
      return cache.get(key);
    }
    const result = fn.apply(this, args);
    cache.set(key, result);
    return result;
  };
}

const process = memoize((data) => {
  console.log('Processing:', data.name);
  return data.age * 2;
});

process(obj);
process(obj);
obj.age = 30;
process(obj);
console.log('Cache size:', cache.size);

⛽️ npm-check-updates 18.2: Update package.json Dependencies to Latest Versions That is, as opposed to the specified versions.
⛽️ npm-check-updates 18.2: Update package.json Dependencies to Latest Versions That is, as opposed to the specified versions. Includes a handy -i interactive mode so you can look at potential upgrades and then opt in to them one by one. v18.2 adds a ‘cooldown’ feature to help protect against supply chain attacks by requiring package versions to be published at least the given number of days before considering them for upgrade. Raine Revere

What is the output?
Anonymous voting

CHALLENGE
const pattern = /(?<=\d)(?=(?:\d{3})+(?!\d))/g;
const str = '1234567890';
const result = str.replace(pattern, ',');
console.log(result);

const regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$/;
const tests = ['Password1', 'password', 'PASSWORD1', 'Pass1'];
tests.forEach(test => {
  console.log(`${test}: ${regex.test(test)}`);
});

const capture = /([a-z]+)(\d+)/g;
const text = 'item123 product456';
const matches = [...text.matchAll(capture)];
console.log(matches[1][1]);

🥳 IINA is a popular, open-source media player for macOS and it has just added a JavaScript-based plugin system to let users
🥳 IINA is a popular, open-source media player for macOS and it has just added a JavaScript-based plugin system to let users extend its functionality.

What is the output?
Anonymous voting

CHALLENGE
const sym1 = Symbol('test');
const sym2 = Symbol('test');
const obj = {
  [sym1]: 'value1',
  [sym2]: 'value2',
  regular: 'value3'
};

const sym3 = Symbol.for('global');
const sym4 = Symbol.for('global');

console.log(sym1 === sym2);
console.log(sym3 === sym4);
console.log(Object.keys(obj).length);
console.log(Object.getOwnPropertySymbols(obj).length);

⛽️ Massive Supply Chain Attack Hijacks ctrl/tinycolor With 2 Million Downloads and Other 40 NPM Packages A sophisticated and
⛽️ Massive Supply Chain Attack Hijacks ctrl/tinycolor With 2 Million Downloads and Other 40 NPM Packages A sophisticated and widespread supply chain attack has struck the NPM ecosystem, compromising the popular @ctrl/tinycolor package, which is downloaded over 2 million times per week. Guru Baran

What is the output?
Anonymous voting

CHALLENGE
const cache = new Map();

function createHandler(id) {
  const data = { id, value: new Array(1000).fill(id) };
  cache.set(id, data);
  
  return function(action) {
    if (action === 'get') return data;
    if (action === 'clear') cache.delete(id);
  };
}

const handler1 = createHandler('user-1');
const handler2 = createHandler('user-2');

handler1('clear');
console.log(cache.size);
console.log(handler1('get').id);

🤩 Fetch Streams are Great, But Not for Measuring Upload/Download Progress Fetch upload streams seem well-suited for tracking
🤩 Fetch Streams are Great, But Not for Measuring Upload/Download Progress Fetch upload streams seem well-suited for tracking the progress of uploads, but as Jake notes “just because stuff is taken from the stream doesn’t mean it’s yet been sent over the network”. He also touches on an issue relating to measuring download progress using response streams. Jake Archibald