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: "中國"};
}