Menü
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
npx skills add https://github.com/microwind/ai-skills --skill javascriptDer Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.
Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.
Basierend auf der SOC-Berufsklassifikation
SKILL.md wird angezeigt
| name | JavaScript分析器 |
| description | 当进行JavaScript代码审查、性能优化、浏览器兼容性检查或安全审计时，分析JavaScript代码质量和最佳实践。 |
| license | MIT |
JavaScript的灵活性是一把双刃剑。分析代码以防止运行时意外。
核心原则: JavaScript的灵活性是一把双刃剑。分析代码以防止运行时意外。
始终:
触发短语:
问题:
异步操作处理不当
错误示例:
- 回调地狱
- Promise未正确处理
- async/await滥用
- 错误处理缺失
解决方案:
1. 使用async/await替代回调
2. 正确处理Promise错误
3. 避免阻塞主线程
4. 实现错误边界
问题:
内存使用不当导致泄漏
错误示例:
- 事件监听器未移除
- 定时器未清理
- 闭包引用过多
- DOM节点引用未释放
解决方案:
1. 及时清理事件监听器
2. 清理定时器和间隔器
3. 避免不必要的闭包
4. 使用WeakMap/WeakSet
问题:
JavaScript动态类型导致错误
错误示例:
- 类型转换错误
- 未定义属性访问
- 参数类型不匹配
- 返回值类型不确定
解决方案:
1. 使用TypeScript
2. 添加JSDoc类型注解
3. 运行时类型检查
4. 使用PropTypes
const fs = require('fs');
const path = require('path');
const { parse } = require('@babel/parser');
const traverse = require('@babel/traverse').default;
class JavaScriptAnalyzer {
constructor(options = {}) {
this.options = {
ecmaVersion: 2020,
sourceType: 'module',
plugins: [
'jsx',
'typescript',
'decorators-legacy',
'classProperties',
'objectRestSpread',
'asyncGenerators',
'functionBind',
'exportDefaultFrom',
'exportNamespaceFrom',
'dynamicImport',
'nullishCoalescingOperator',
'optionalChaining'
],
...options
};
this.issues = [];
this.metrics = {
totalFiles: 0,
totalLines: 0,
totalFunctions: 0,
: ,
: ,
:
};
}
() {
{
content = fs.(filePath, );
ast = .(content, filePath);
(!ast) {
{
: filePath,
: ,
: []
};
}
. = [];
.(ast, filePath);
.(ast, filePath);
.(ast, filePath);
.(ast, filePath);
.(ast, filePath);
{
: filePath,
: .,
: .(ast, content)
};
} (error) {
{
: filePath,
: error.,
: [{
: ,
: ,
: ,
: error.?. || ,
: error.?. ||
}]
};
}
}
() {
results = [];
allIssues = [];
() {
items = fs.(dir);
( item items) {
fullPath = path.(dir, item);
stat = fs.(fullPath);
(stat.()) {
(!item.() && item !== ) {
(fullPath);
}
} ((item)) {
result = .(fullPath);
results.(result);
allIssues.(...(result. || []));
}
}
}
() {
ext = path.(fileName);
[, , , , ].(ext);
}
scanDirectory.(, directory);
{
directory,
: results,
: .(allIssues),
: .(allIssues)
};
}
() {
{
(content, {
....,
: filePath
});
} (error) {
.(, error);
;
}
}
() {
.(ast, filePath);
.(ast, filePath);
.(ast, filePath);
.(ast, filePath);
}
() {
namingPatterns = {
: ,
: ,
: ,
:
};
(ast, {
(path) {
id = path..;
(id. === ) {
name = id.;
(path.. === ) {
(!namingPatterns..(name) && name !== name.()) {
..({
: ,
: ,
: ,
: id.?. || ,
: id.?. || ,
:
});
}
}
(path.. === || path.. === ) {
(!namingPatterns..(name)) {
..({
: ,
: ,
: ,
: id.?. || ,
: id.?. || ,
:
});
}
}
}
}
});
}
() {
(ast, {
(path) {
.(path, filePath);
},
(path) {
.(path, filePath);
},
(path) {
.(path, filePath);
}
});
}
() {
functionNode = path.;
startLine = functionNode.?.. || ;
endLine = functionNode.?.. || ;
lines = endLine - startLine + ;
(lines > ) {
functionName = functionNode.?. || ;
..({
: ,
: ,
: ,
: startLine,
: ,
:
});
}
}
() {
functionCalls = ();
(ast, {
(path) {
callee = path..;
(callee. === ) {
name = callee.;
line = callee.?. || ;
(!functionCalls.(name)) {
functionCalls.(name, []);
}
functionCalls.(name).(line);
}
}
});
( [name, lines] functionCalls) {
(lines. > ) {
..({
: ,
: ,
: ,
: .(...lines),
: ,
:
});
}
}
}
() {
declaredVariables = ();
usedVariables = ();
(ast, {
(path) {
id = path..;
(id. === ) {
declaredVariables.(id., {
: id.?. || ,
: id.?. ||
});
}
}
});
(ast, {
(path) {
(path.()) {
usedVariables.(path..);
}
}
});
( [name, location] declaredVariables) {
(!usedVariables.(name) && !name.()) {
..({
: ,
: ,
: ,
: location.,
: location.,
:
});
}
}
}
() {
.(ast, filePath);
.(ast, filePath);
.(ast, filePath);
}
() {
(ast, {
(path) {
callee = path..;
(callee. === ) {
object = callee.;
property = callee.;
(object. === && object. === ) {
(property. === &&
[, , ].(property.)) {
..({
: ,
: ,
: ,
: property.?. || ,
: property.?. || ,
:
});
}
}
}
}
});
}
() {
(ast, {
(path) {
callee = path..;
(callee. === &&
[, ].(callee.)) {
..({
: ,
: ,
: ,
: callee.?. || ,
: callee.?. || ,
:
});
}
}
});
}
() {
(ast, {
(path) {
callee = path..;
(callee. === ) {
property = callee.;
(property. === && property. === ) {
..({
: ,
: ,
: ,
: property.?. || ,
: property.?. || ,
:
});
}
}
}
});
}
() {
.(ast, filePath);
.(ast, filePath);
.(ast, filePath);
}
() {
(ast, {
(path) {
callee = path..;
(callee. === ) {
property = callee.;
(property. === && property. === ) {
..({
: ,
: ,
: ,
: property.?. || ,
: property.?. || ,
:
});
}
}
}
});
}
() {
(ast, {
(path) {
callee = path..;
(callee. === && callee. === ) {
..({
: ,
: ,
: ,
: callee.?. || ,
: callee.?. || ,
:
});
}
}
});
}
() {
(ast, {
(path) {
callee = path..;
(callee. === ) {
object = callee.;
property = callee.;
(object. === && object. === ) {
(property. === && property. === ) {
..({
: ,
: ,
: ,
: property.?. || ,
: property.?. || ,
:
});
}
}
}
}
});
}
() {
.(ast, filePath);
.(ast, filePath);
}
() {
(ast, {
(path) {
complexity = .(path.);
functionName = path..?. || ;
(complexity > ) {
..({
: ,
: ,
: ,
: path..?.. || ,
: ,
:
});
}
}
});
}
() {
complexity = ;
( child node. || []) {
complexity += .(child);
}
complexity;
}
() {
complexity = ;
(node.) {
:
:
:
:
:
:
:
complexity += ;
;
:
(node. === || node. === ) {
complexity += ;
}
;
}
( key node) {
(node[key] && node[key] === ) {
(.(node[key])) {
( child node[key]) {
complexity += .(child);
}
} {
complexity += .(node[key]);
}
}
}
complexity;
}
() {
(ast, {
(path) {
depth = .(path);
(depth > ) {
..({
: ,
: ,
: ,
: path..?.. || ,
: ,
:
});
}
}
});
}
() {
maxDepth = currentDepth;
( child path.().() || []) {
(child.() || child.() || child.()) {
childDepth = .(child, currentDepth + );
maxDepth = .(maxDepth, childDepth);
}
}
maxDepth;
}
() {
.(ast, filePath);
.(ast, filePath);
.(ast, filePath);
}
() {
(ast, {
(path) {
callee = path..;
(callee. === ) {
object = callee.;
property = callee.;
(object. === && object. === ) {
..({
: ,
: ,
: ,
: property.?. || ,
: property.?. || ,
:
});
}
}
}
});
}
() {
(ast, {
(path) {
callee = path..;
(callee. === &&
callee.. === &&
callee.. === ) {
parent = path.;
hasCatch = ;
(parent && parent. === ) {
parentCallee = parent..;
(parentCallee. === &&
parentCallee.. === &&
parentCallee.. === ) {
hasCatch = ;
}
}
(!hasCatch) {
..({
: ,
: ,
: ,
: callee..?. || ,
: callee..?. || ,
:
});
}
}
}
});
}
() {
hasStrictMode = ;
(ast, {
(path) {
expression = path..;
(expression. === && expression. === ) {
hasStrictMode = ;
}
}
});
(!hasStrictMode) {
..({
: ,
: ,
: ,
: ,
: ,
:
});
}
}
() {
lines = content.().;
functions = ;
classes = ;
complexity = ;
(ast, {
() { functions++; },
() { functions++; },
() { functions++; },
() { classes++; }
});
{
lines,
functions,
classes,
complexity
};
}
() {
summary = {
: issues.,
: {},
: {
: ,
: ,
:
}
};
( issue issues) {
summary.[issue.]++;
(!summary.[issue.]) {
summary.[issue.] = ;
}
summary.[issue.]++;
}
summary;
}
() {
recommendations = [];
issueCounts = {};
( issue issues) {
(!issueCounts[issue.]) {
issueCounts[issue.] = ;
}
issueCounts[issue.]++;
}
(issueCounts. > ) {
recommendations.({
: ,
: ,
:
});
}
(issueCounts. > ) {
recommendations.({
: ,
: ,
:
});
}
(issueCounts. > ) {
recommendations.({
: ,
: ,
:
});
}
(issueCounts. > ) {
recommendations.({
: ,
: ,
:
});
}
recommendations;
}
() {
str.(, letter.());
}
}
() {
analyzer = ();
fileResult = analyzer.();
.();
.();
directoryResult = analyzer.();
.();
.();
.();
( rec directoryResult.) {
.();
.();
}
}
. = ;
(. === ) {
();
}
class JavaScriptPerformanceAnalyzer {
constructor() {
this.metrics = new Map();
this.observers = new Map();
}
// 函数性能监控
profileFunction(name, fn) {
const wrappedFn = async (...args) => {
const startTime = performance.now();
const startMemory = this.getMemoryUsage();
try {
const result = await fn(...args);
const endTime = performance.now();
const endMemory = this.getMemoryUsage();
this.recordMetric(name, {
executionTime: endTime - startTime,
memoryDelta: endMemory - startMemory,
success: true
});
return result;
} catch (error) {
const endTime = performance.now();
const endMemory = .();
.(name, {
: endTime - startTime,
: endMemory - startMemory,
: ,
: error.
});
error;
}
};
wrappedFn;
}
() {
(!.) {
.();
;
}
observer = ( {
( entry list.()) {
(entry. === ) {
.(, {
: entry.,
: entry.,
: entry.
});
}
}
});
observer.({ : [] });
..(, observer);
{
: performance.(),
: {
performance.();
performance.(name, , );
}
};
}
() {
(!.) {
;
}
observer = ( {
( entry list.()) {
(entry. === ) {
.(, {
: entry.,
: entry.,
: entry. || ,
: .(entry.)
});
}
}
});
observer.({ : [] });
..(, observer);
observer;
}
() {
(!. || !..) {
.();
;
}
checkInterval = ( {
memory = {
: ...,
: ...,
: ...
};
.(, {
: memory.,
: memory.,
: memory.,
: memory. / memory.
});
(memory. > ) {
.(, memory.);
}
}, );
(checkInterval);
}
() {
(!..(type)) {
..(type, []);
}
..(type).({
: .(),
...data
});
records = ..(type);
(records. > ) {
records.();
}
}
() {
(. && ..) {
...;
}
;
}
() {
extension = url.().().();
typeMap = {
: ,
: ,
: ,
: ,
: ,
: ,
: ,
: ,
: ,
:
};
typeMap[extension] || ;
}
() {
report = {
: .(),
: {},
: {},
: []
};
( [type, records] .) {
report.[type] = .(type, records);
}
report. = .(report.);
report. = .(report.);
report;
}
() {
(records. === ) {
{ : };
}
analysis = {
: records.,
: records[records. - ],
: {},
: {},
: {}
};
(type) {
:
.(records, analysis);
;
:
.(records, analysis);
;
:
.(records, analysis);
;
:
.(records, analysis);
;
}
analysis;
}
() {
times = records.( r.);
memoryDeltas = records.( r.);
successRate = records.( r.). / records.;
analysis. = {
: .(times),
: .(memoryDeltas),
: successRate
};
analysis. = {
: .(...times),
: .(...memoryDeltas)
};
analysis. = {
: .(...times),
: .(...memoryDeltas)
};
}
() {
durations = records.( r.);
analysis. = {
: .(durations)
};
analysis. = {
: .(...durations)
};
analysis. = {
: .(...durations)
};
analysis. = records.(
current. > (slowest?. || ) ? current : slowest, );
}
() {
durations = records.( r.);
sizes = records.( r.);
analysis. = {
: .(durations),
: .(sizes)
};
analysis. = {
: .(...durations),
: .(...sizes)
};
analysis. = {
: .(...durations),
: .(...sizes)
};
analysis. = .(records);
}
() {
usageRatios = records.( r.);
analysis. = {
: .(usageRatios),
: .(records.( r. / / ))
};
analysis. = {
: .(...usageRatios)
};
analysis. = {
: .(...usageRatios)
};
analysis. = .(records.( r.));
}
() {
grouped = {};
( record records) {
(!grouped[record.]) {
grouped[record.] = [];
}
grouped[record.].(record);
}
( type grouped) {
typeRecords = grouped[type];
grouped[type] = {
: typeRecords.,
: .(typeRecords.( r.)),
: .(typeRecords.( r.))
};
}
grouped;
}
() {
(values. < ) ;
first = values[];
last = values[values. - ];
change = (last - first) / first;
(change > ) ;
(change < -) ;
;
}
() {
values.( sum + val, ) / values.;
}
() {
summary = {
: ,
: ,
: []
};
(metrics.) {
fnMetrics = metrics.;
(fnMetrics.. > ) {
summary..({
: ,
: ,
: fnMetrics..
});
summary. -= ;
}
}
(metrics.) {
domMetrics = metrics.;
(domMetrics.. > ) {
summary..({
: ,
: ,
: domMetrics..
});
summary. -= ;
}
}
(metrics.) {
netMetrics = metrics.;
(netMetrics.. > ) {
summary..({
: ,
: ,
: netMetrics..
});
summary. -= ;
}
}
(metrics.) {
memMetrics = metrics.;
(memMetrics.. > ) {
summary..({
: ,
: ,
: memMetrics..
});
summary. -= ;
}
}
summary. = summary..;
summary;
}
() {
recommendations = [];
(metrics. && metrics... > ) {
recommendations.({
: ,
: ,
: ,
: [
,
,
]
});
}
(metrics. && metrics... > ) {
recommendations.({
: ,
: ,
: ,
: [
,
,
]
});
}
(metrics. && metrics... > ) {
recommendations.({
: ,
: ,
: ,
: [
,
,
,
]
});
}
(metrics. && metrics... > ) {
recommendations.({
: ,
: ,
: ,
: [
,
,
,
]
});
}
recommendations;
}
() {
( observer ..()) {
observer.();
}
..();
..();
}
}
perfAnalyzer = ();
slowFunction = perfAnalyzer.(, () => {
( (resolve, ));
.();
});
domMonitor = perfAnalyzer.(.);
domMonitor.();
domMonitor.();
( {
report = perfAnalyzer.();
.(, report);
}, );
. = ;