ES6代码检测与优化工具

// 错误示例 - 括号不匹配
if (true) {
  console.log("条件成立");

// 错误示例 - 分号缺失
const number = 5

// 错误示例 - 变量未定义
console.log(undefinedVariable);

// 错误示例 - 箭头函数错误
const multiply = (a, b) => { a * b };  // 缺少return

// 错误示例 - 模板字符串错误
const name = "张三";
console.log('欢迎 ${name}');  // 应使用反引号

// 错误示例 - 解构赋值错误
const [first, second] = [1, 2, 3;

// 错误示例 - 类语法错误
class MyClass {
  constructor() {
    this.value = 1;
  
  // 缺少方法结束括号

// 错误示例 - 异步函数错误
async function fetchData() {
  return await fetch('/api/data');
}

// 优化前
function beforeOptimization() {
  var names = [];
  names.push("Alice");
  names.push("Bob");
  names.push("Charlie");
  
  var longNames = [];
  for (var i = 0; i < names.length; i++) {
    if (names[i].length > 3) {
      longNames.push(names[i]);
    }
  }
  
  if (longNames.length > 0) {
    for (var j = 0; j < longNames.length; j++) {
      console.log(longNames[j]);
    }
  }
  
  // 字符串连接效率低
  var result = "";
  for (var k = 0; k < 10; k++) {
    result += k.toString();
  }
  
  // 对象赋值繁琐
  var obj = {};
  obj.name = "张三";
  obj.age = 25;
  obj.city = "北京";
}

// 优化后
function afterOptimization() {
  // 使用const和let
  const names = ["Alice", "Bob", "Charlie"];
  
  // 使用箭头函数和高阶函数
  const longNames = names.filter(name => name.length > 3);
  
  // 使用模板字符串
  if (longNames.length > 0) {
    longNames.forEach(name => {
      console.log(`长名字: ${name}`);
    });
  }
  
  // 使用数组方法提高字符串连接效率
  const result = Array.from({length: 10}, (_, i) => i).join('');
  
  // 使用对象字面量简写
  const obj = {
    name: "张三",
    age: 25,
    city: "北京"
  };
  
  // 使用解构赋值
  const {name, age} = obj;
  console.log(`姓名: ${name}, 年龄: ${age}`);
  
  // 使用展开运算符
  const newNames = [...names, "David", "Eve"];
  const newObj = {...obj, country: "中国"};
}