JavaScript中var声明的初始化表达式能否包含自引用？

嘿，这个问题问得很实际！咱们直接说结论：你写的那段代码没法直接实现你想要的效果，但有几个简单的替代方案能达成目标，我给你仔细拆解一下。

为什么原代码不行？ #

当你写下var data = [["foo",23],["bar",data[0][1]+6]]的时候，JavaScript的执行顺序是这样的：

1. 先解析数组字面量[["foo",23],["bar",data[0][1]+6]]
2. 把解析后的数组赋值给变量data

问题就出在第一步：解析数组的第二个元素时，data还没有被赋值，此时data是undefined。你尝试访问data[0][1]，相当于访问undefined[0][1]，直接会抛出Cannot read properties of undefined的错误。

可行的解决方案 #

方案1：分两步初始化（最直观） #

先创建基础数组，再修改需要依赖自身的元素：

var data = [["foo", 23], ["bar", 0]];
data[1][1] = data[0][1] + 6;
// 最终data: [["foo",23],["bar",29]]

这种方式逻辑清晰，新手也能一眼看懂，几乎没有坑。

方案2：用立即执行函数（IIFE）封装逻辑 #

如果想一次性完成初始化，可以用函数作用域来提前持有数组的引用：

var data = (function() {
  // 先创建数组的第一部分
  const tempArr = [["foo", 23]];
  // 利用tempArr的引用计算第二个元素
  tempArr.push(["bar", tempArr[0][1] + 6]);
  return tempArr;
})();

函数内部的tempArr在创建后就能被直接引用，最后返回完整的数组赋值给data。

方案3：ES6+的解构/临时变量写法 #

如果你用的是现代JavaScript，可以用更简洁的方式：

// 先定义第一个元素，再基于它创建完整数组
const firstItem = ["foo", 23];
const data = [firstItem, ["bar", firstItem[1] + 6]];

或者用箭头函数的IIFE版本，保持代码紧凑：

const data = (() => {
  const first = ["foo", 23];
  return [first, ["bar", first[1] + 6]];
})();

核心总结 #

JavaScript中，变量的赋值是在表达式（比如数组字面量）计算完成之后才进行的，所以在初始化表达式里直接引用变量本身是行不通的。必须通过先创建部分数据、借助临时变量或者函数作用域，来获取到数组的提前引用，才能实现依赖自身元素的计算。

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