AI Prompts for JavaScript Programming

This JavaScript code uses older patterns. Rewrite it using modern ES6+ features where they improve clarity: destructuring, optional chaining, nullish coalescing, arrow functions, template literals, and the spread/rest operator. Explain each change and why it is an improvement: [PASTE CODE]

Write a JavaScript function that does [DESCRIBE TASK] with proper error handling. Use try/catch for synchronous errors and .catch() or try/catch in async functions for asynchronous errors. Include specific error messages that would be useful for debugging, and distinguish between errors that should be thrown versus handled silently.

Implement the [PATTERN NAME, e.g. module, observer, factory, singleton] design pattern in modern JavaScript for this use case: [DESCRIBE USE CASE]. Write the implementation, explain when this pattern is appropriate, and show an example of how to use it.

I need to transform this data: [DESCRIBE DATA AND TRANSFORMATION]. Write the solution using appropriate Array methods: map, filter, reduce, find, some, every, flat, and flatMap. Avoid imperative loops where a functional approach is clearer. Explain each method choice.

I have a JavaScript bug that I think involves type coercion or loose equality. Here is the code: [PASTE CODE]. Explain what JavaScript is actually doing with the types here, what the bug is, and rewrite it using strict equality and explicit type conversions where needed.

Convert this callback-based code to use Promises and async/await: [PASTE CODE]. Maintain the same behavior. Show the intermediate Promise-based version and the final async/await version. Explain what changed in each step and how error handling works in each approach.

I need to run multiple async operations: [LIST OPERATIONS]. Some can run in parallel and some must run in sequence. Write the code using Promise.all, Promise.allSettled, or sequential awaits as appropriate. Explain when each approach is correct and what the performance difference is.

My asynchronous JavaScript code is not executing in the order I expect. Here is the code: [PASTE CODE]. Trace the exact execution order step by step, explain where my mental model is wrong, and rewrite the code to execute in the correct order.

Write a JavaScript function that fetches data from [DESCRIBE API ENDPOINT] with: proper error handling for network errors and non-200 responses, automatic retry with exponential backoff for transient failures, a timeout after [X] seconds, and clear error messages for different failure types.

Explain why this JavaScript code logs output in this order: [PASTE CODE WITH SURPRISING OUTPUT]. Walk through the event loop, the microtask queue, and the macrotask queue step by step. What is the mental model I should have for predicting JavaScript execution order?

I have a JavaScript bug related to closures or variable scope. Here is the code: [PASTE CODE]. The unexpected behavior is: [DESCRIBE]. Explain what is happening with the closure or scope, why the variable has the value it does, and how to fix it correctly.

I have a bug where "this" does not refer to what I expect inside a function. Here is the code: [PASTE CODE]. Explain what "this" refers to in each context in my code, why it loses the expected binding, and fix it using arrow functions, .bind(), or explicit context passing as appropriate.

I suspect my JavaScript application has a memory leak. The symptoms are: [DESCRIBE SYMPTOMS]. Here is the code I suspect: [PASTE CODE]. What are the common causes of memory leaks in JavaScript? Identify the likely source in my code and suggest how to fix it and verify the fix.

My JavaScript code works in one environment but not another: [DESCRIBE ENVIRONMENT DIFFERENCE]. Here is the code: [PASTE CODE]. What APIs, globals, or behaviors differ between browser and Node.js that could explain this? How do I write code that works correctly in both, or how do I branch behavior based on environment?

This JavaScript code is running slowly: [PASTE CODE]. Identify the performance bottlenecks: DOM operations, layout thrashing, expensive loops, unnecessary re-renders, or blocking the main thread. For each bottleneck, explain why it is slow and provide the optimized version.

Write a React functional component for [DESCRIBE COMPONENT]. It should use hooks correctly (useState, useEffect, useMemo, useCallback as needed), handle loading and error states, avoid unnecessary re-renders, and follow React conventions. Explain any hook choices that are not obvious.

My React useEffect is causing issues: [DESCRIBE ISSUE, e.g. infinite loop, stale closure, missing cleanup]. Here is the component: [PASTE CODE]. Explain why this useEffect is behaving this way, what the dependency array rules are, and rewrite it correctly.

Write an Express.js API endpoint for [DESCRIBE ENDPOINT]. Include: proper request validation, error handling middleware, appropriate HTTP status codes, async error handling, and a clean separation between the route handler and the business logic. Show the route, any middleware, and the handler.

I am building a Node.js application for [DESCRIBE PROJECT]. Help me structure the project: folder layout, module organization, configuration management, error handling strategy, and logging setup. Show the directory structure and explain the purpose of each part.

Write Jest tests for this JavaScript function: [PASTE FUNCTION]. Cover: the happy path, edge cases (empty input, null, undefined, boundary values), and error cases. Use describe blocks to organize tests logically. Mock any external dependencies. Each test name should describe the expected behavior clearly.