fix: for of with iterableIsArray and shadowing variable

packages/babel-plugin-transform-for-of/src/index.ts

@@ -20,9 +20,9 @@ function buildLoopBody(
   const body = newBody ?? bodyPath.node;
   if (
     t.isBlockStatement(body) &&
-    Object.keys(path.getBindingIdentifiers()).some(id =>
-      bodyPath.scope.hasOwnBinding(id),
-    )
+    Object.keys(path.getBindingIdentifiers())
+      .concat(Object.keys(path.get("right").getBindingIdentifiers()))
+      .some(id => bodyPath.scope.hasOwnBinding(id))
   ) {
     block = t.blockStatement([declar, body]);
   } else {

packages/babel-preset-env/test/fixtures/plugins-integration/for-of-array-block-scoping/exec.js

@@ -0,0 +1,10 @@
+function x(e){
+  const r = [];
+  for (const s of e) {
+    const e = s;
+    r.push(e);
+  }
+  return r;
+}
+
+expect(x([1, 2, 3])).toEqual([1, 2, 3]);

packages/babel-preset-env/test/fixtures/plugins-integration/for-of-array-block-scoping/input.js

@@ -0,0 +1,10 @@
+function x(e){
+  const r = [];
+  for (const s of e) {
+    const e = s;
+    r.push(e);
+  }
+  return r;
+}
+
+expect(x([1, 2, 3])).toEqual([1, 2, 3]);

packages/babel-preset-env/test/fixtures/plugins-integration/for-of-array-block-scoping/options.json

@@ -0,0 +1,7 @@
+{
+  "assumptions": {
+    "iterableIsArray": true
+  },
+  "targets": "node 4.0",
+  "presets": ["env"]
+}

packages/babel-preset-env/test/fixtures/plugins-integration/for-of-array-block-scoping/output.js

@@ -0,0 +1,12 @@
+function x(e) {
+  var r = [];
+  for (var _i2 = 0; _i2 < e.length; _i2++) {
+    var s = e[_i2];
+    {
+      var _e = s;
+      r.push(_e);
+    }
+  }
+  return r;
+}
+expect(x([1, 2, 3])).toEqual([1, 2, 3]);