JavaScript Language Patterns

JavaScript Language Patterns

Priority: P0 (CRITICAL)

Modern JavaScript standards for clean, maintainable code.

Implementation Guidelines

• Variables: const default. let if needed. No var.
• Functions: Arrows for callbacks. Declarations for top-level.
• Async: async/await + try/catch.
• Objects: Destructuring, Spread ..., Optional Chain ?., Nullish ??.
• Strings: Template literals ${}.
• Arrays: map, filter, reduce. No loops.
• Modules: ESM import/export. Export only what is necessary.
• Classes: Use #private fields for true privacy.

Anti-Patterns

• No var: Block scope only.
• No ==: Strict ===.
• No new Object(): Use literals {}.
• No Callbacks: Promisify everything.
• No Mutation: Immutability first.

Code

// Modern Syntax
const [x, ...rest] = items;
const name = user?.profile?.name ?? 'Guest';

// Async
async function getUser(id) {
  try {
    const res = await fetch(`/api/${id}`);
    return res.json();
  } catch (err) {
    console.error(err);
    throw err;
  }
}

// Class + Private
class Service {
  #key;
  constructor(k) {
    this.#key = k;
  }
}

Reference & Examples

For advanced patterns and functional programming: See [references/REFERENCE.md](references/REFERENCE.md).

Related Topics

best-practices | tooling

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: HoangNguyen0403
• Source: HoangNguyen0403/agent-skills-standard
• License: Apache-2.0
• Homepage: https://www.npmjs.com/package/agent-skills-standard

Install and usage instructions live in the source repository linked above.