Python转JS代码迁移的避坑指南

# Python：块级作用域
for i in range(3):
    pass
print(i) # 输出2 → 正常

// JavaScript：函数级作用域
for(var i=0; i<3; i++) {}
console.log(i); // 输出3 → 可能不符合预期

// 正确姿势：使用let
for(let j=0; j<3; j++) {}
console.log(j); // ReferenceError → 符合块级作用域

// 陷阱1：数字比较（JS没有int/float区分）
0.1 + 0.2 === 0.3; // false → 需使用toFixed处理

// 陷阱2：空值判断
null == undefined; // true → 建议用===严格判断

// 陷阱3：自动类型转换
[] == ![]; // true → 避免使用==

// 陷阱4：字符串数字相加
"5" + 3 = "53"  // 而Python中 str(5)+3 会报错

// 陷阱5：布尔值作为数字
true + true = 2  // Python中 True+True=2 但通常不这样用

class User {
  constructor(name) {
    this.name = name;
  }
  
  greet() {
    console.log(`Hello, ${this.name}`);
  }
  
  delayedGreet() {
    setTimeout(this.greet, 1000); // this指向丢失！
  }
}

// 解决方案1：箭头函数（绑定词法作用域）
setTimeout(() => this.greet(), 1000);

// 解决方案2：显式绑定
setTimeout(this.greet.bind(this), 1000);

# Python asyncio
import asyncio

async def fetch_data():
    print("Start fetching")
    await asyncio.sleep(1)
    print("Data retrieved")
    return {"data": 100}

# 调用方式
asyncio.run(fetch_data())

// JavaScript等价实现
const fetchData = async () => {
  console.log("Start fetching");
  await new Promise(res => setTimeout(res, 1000));
  console.log("Data retrieved");
  return {data: 100};
};

// 调用方式相同
fetchData();

# Python
class Animal:
    def __init__(self, name):
        self.name = name
        
class Dog(Animal):
    def __init__(self, name, breed):
        super().__init__(name)
        self.breed = breed

// JavaScript
class Animal {
  constructor(name) {
    this.name = name;
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // 必须在使用this前调用
    this.breed = breed;
  }
}

# Python端
pylint --disable=all --enable=type-error your_code.py

# JS端
eslint --rule 'no-implicit-globals: error' migrated.js

// 类型保护示例
function safeAdd(a, b) {
  if (typeof a !== 'number' || typeof b !== 'number') {
    throw new TypeError('Arguments must be numbers');
  }
  return a + b;
}

// Python的None保护 → JS的undefined检查
const getUserName = user => user?.profile?.name ?? 'Anonymous';

# Pytest测试用例（Python端）
def test_calculate():
    assert calculate(3, 4) == 7

// Jest测试用例（JS端）
test('calculate returns correct sum', () => {
  expect(calculate(3, 4)).toBe(7);
});

你是一个专业的Python到JavaScript转换器，请遵守：
1. 将`print()`改为`console.log()`
2. 将`self`参数转换为`this`上下文
3. 将`None`转换为`null`
4. 对于异步函数使用async/await语法
5. 特别注意处理以下高危模式：
   - 字典遍历 → 对象遍历
   - 列表推导式 → Array.map
   - 可变默认参数

需要转换的Python代码：
```python
{你的代码片段}

### 训练AI识别错误的三大场景
1. **隐式类型转换场景**
   ```python
   # Python
   if some_list:  # 判断是否非空

// 错误转换
if(some_list)  // 空数组[]会转为true!

// 正确转换
if(some_list.length > 0)

# Python正常
funcs = [lambda x: x+i for i in range(3)]

// 经典错误：所有函数输出都是3！
let funcs = [];
for (var i=0; i<3; i++) {
  funcs.push(x => x + i);
}

5 / 2  # 2.5

5 / 2  // 2.5 → 相同

// 避免在循环中创建函数
// 反例
for(let i=0; i<10000; i++) {
  arr[i] = function() { return i }; // 创建10000个函数
}

// 正例
const handler = i => () => i;
for(let i=0; i<10000; i++) {
  arr[i] = handler(i);
}

// 典型内存泄漏
function createHeavyObject() {
  const largeObj = new Array(1000000);
  return () => largeObj[0]; // 闭包持有largeObj引用！
}