菜单
JavaScript ES6+ programming including async/await, DOM manipulation, modules, and Node.js. Use for .js files and web development.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/G1Joshi/Agent-Skills --skill javascript命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | javascript |
| description | JavaScript ES6+ programming including async/await, DOM manipulation, modules, and Node.js. Use for .js files and web development. |
Modern JavaScript development with ES6+ features, async patterns, and best practices.
.js files in web or Node.js projects// Modern async function with error handling
async function fetchData(url) {
try {
const response = await fetch(url);
if (!response.ok) throw new Error(`HTTP ${response.status}`);
return await response.json();
} catch (error) {
console.error("Fetch failed:", error);
throw error;
}
}
{ name, age = , ...rest } = user;
[first, second, ...remaining] = items;
updated = { ...user, : };
combined = [...array1, ...array2];
// Safe property access
const city = user?.address?.city;
const firstItem = items?.[0];
const result = callback?.();
// Nullish coalescing (null/undefined only)
const value = input ?? defaultValue;
// Logical assignment
user.name ??= "Anonymous";
user.permissions ||= [];
Problem: Managing multiple async operations efficiently.
Solution:
// Parallel execution
async function fetchAllData(ids) {
const promises = ids.map((id) => fetchData(id));
return Promise.all(promises);
}
// Sequential with error handling
async function processItems(items) {
const results = [];
for (const item of items) {
try {
results.push(await processItem(item));
} catch (error) {
results.push({ error: error.message, item });
}
}
return results;
}
// AbortController for cancellation
async function fetchWithTimeout(url, ms = 5000) {
const controller = new AbortController();
const timeout = setTimeout(() => controller.abort(), ms);
try {
return await fetch(url, { signal: controller.signal });
} finally {
clearTimeout(timeout);
}
}
// Named exports (preferred)
export const API_URL = "https://api.example.com";
export function fetchUser(id) {
/* ... */
}
export class UserService {
/* ... */
}
// Re-exports
export { default as Button } from "./Button.js";
export * from "./utils.js";
// Dynamic imports
const module = await import(`./features/${feature}.js`);
Do:
const by default, let when reassignment needed?.) for safe property accessPromise.allSettled() for independent async operationsDon't:
var (prefer const/let)== for comparison (use ===)| Error | Cause | Solution |
|---|---|---|
Cannot read property of undefined | Accessing nested property on null/undefined | Use optional chaining ?. |
Uncaught (in promise) | Unhandled promise rejection | Add .catch() or try/catch |
X is not a function | Calling undefined method | Check if method exists before calling |