Cypress技术问题：如何在each函数内部使用外部变量

核心原因 #

你遇到的问题并非each函数有特殊作用域限制，而是var声明变量的特性（函数作用域+变量提升）和Cypress的异步命令执行机制共同导致的。var声明的变量会被提升到所在函数作用域顶部，当Cypress异步执行each回调时，变量的上下文可能已经不符合预期，导致cy.log(i)返回空值。

解决方案 #

1. 改用let声明变量 #

let是块级作用域，能被内部箭头函数正确捕获，确保each回调访问的是当前块的变量实例：

let i = 0
cy.get('body').then((body) => {
  cy.get('.classname').each(($element) => {
    cy.log(i) // 可正确输出i的值
    // 按需修改变量，比如 i++
  })
})

2. 直接使用each自带的索引参数 #

如果你的需求是跟踪循环的索引位置，each函数本身提供了第二个参数index（从0开始），无需手动维护变量：

cy.get('body').then((body) => {
  cy.get('.classname').each(($element, index) => {
    cy.log(index) // 直接获取当前元素的索引
  })
})

关于作用域的说明 #

each函数本身没有额外的作用域限制，它的回调函数可以正常访问外部作用域的变量。问题的本质是var的作用域特性不适合Cypress的异步执行模型，改用let或const（如果变量无需修改）就能避免这类问题。

内容的提问来源于stack exchange，提问作者user