Node.js中如何在函数外部使用JavaScript变量？

你的问题出在代码执行顺序和变量赋值时机上，拆解来看：

1. 你只声明了data变量但从未调用assign函数，所以data一直保持初始的undefined状态，这就是console.log(data)输出undefined的直接原因。
2. 创建post对象时，text: data是直接把当时data的当前值（也就是undefined）赋值给了text属性——这里是值的拷贝，不是动态引用，后续就算调用assign修改data，post里的text也不会自动更新。

解决方法 #

方法一：先调用赋值函数，再创建对象 #

如果赋值操作是同步的，只需调整执行顺序，先给data赋值再初始化post：

var data;

function assign(value) {
  data = value
}

// 先调用函数完成赋值
assign("Hello World");

var post = {
  content: [
    { text: data }
  ]
}

console.log(data); // 输出 "Hello World"
console.log(post.content[0].text); // 输出 "Hello World"

方法二：用 getter 实现动态取值 #

如果需要post里的text始终同步data的最新值，可以使用对象的 getter 属性：

var data;

function assign(value) {
  data = value
}

var post = {
  content: [
    {
      get text() {
        return data;
      }
    }
  ]
}

assign("Hello World");
console.log(data); // 输出 "Hello World"
console.log(post.content[0].text); // 输出 "Hello World"

assign("Updated Text");
console.log(post.content[0].text); // 输出 "Updated Text"

方法三：异步场景下的处理（常见于API请求） #

如果assign是异步触发的（比如从后端接口获取数据后赋值），需要在赋值完成后再使用data和post：

var data;
var post;

function assign(value) {
  data = value;
  // 赋值完成后再初始化post
  post = {
    content: [
      { text: data }
    ]
  };
  // 在这里处理后续逻辑
  console.log(data);
  console.log(post.content[0].text);
}

// 模拟异步请求场景
setTimeout(() => {
  assign("Async Data");
}, 1000);

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