如何保留变量值？JavaScript中变量值无法访问问题求助

嘿，我来帮你解决这两个问题，咱们一个个来捋清楚：

变量值的保留本质上是作用域和生命周期的问题，不同场景下有不同的处理方式：

• 如果要在多个函数/模块间共享变量，可以把变量声明在全局作用域（不推荐用于复杂场景，避免全局污染），或者用ES6模块的export/import封装，更规范地管理变量访问。
• 在异步操作（比如你的Ajax请求）中要保留外部变量的值，最常用的两种方法：
  1. 使用闭包：把变量包裹在一个函数作用域里，确保回调函数能稳定访问到它。
  2. 使用ES6的箭头函数：箭头函数不会绑定自己的this，会继承外层作用域的this，同时也能直接访问外层的变量。
• 如果要避免变量被意外覆盖，优先用let/const代替var——它们是块级作用域，而var是函数级作用域，容易出现变量提升导致的意外问题。

这个问题的核心是回调函数里的this指向不对。在jQuery的$.ajax默认配置下，success回调里的this指向的是Ajax的配置对象，而非你外层作用域的this，所以自然找不到namelang这个属性。

给你三种可行的解决方案，结合你的代码来修改：

方案1：提前缓存外层的this #

在Ajax请求前把外层的this存到一个变量里（比如that），然后在回调里用that.namelang访问：

var urli = 'https://cors.io/?https://tb.rg-adguard.net/php/get_edition.php?version_id=' + version_id + "&lang=" + namelang;
// 缓存外层的this
var that = this;
$.ajax({
  type: "GET",
  url: urli,
  dataType: 'json',
  success: function(response) {
    // 用that代替this访问外层属性
    console.log(that.namelang);
    // 其他处理逻辑...
  }
});

方案2：使用箭头函数作为回调 #

箭头函数会继承外层作用域的this，所以直接用this.namelang就能访问到目标变量：

var urli = 'https://cors.io/?https://tb.rg-adguard.net/php/get_edition.php?version_id=' + version_id + "&lang=" + namelang;
$.ajax({
  type: "GET",
  url: urli,
  dataType: 'json',
  success: (response) => {
    console.log(this.namelang);
    // 其他处理逻辑...
  }
});

方案3：配置Ajax的context选项 #

jQuery的$.ajax支持context参数，用来指定回调函数里的this指向：

var urli = 'https://cors.io/?https://tb.rg-adguard.net/php/get_edition.php?version_id=' + version_id + "&lang=" + namelang;
$.ajax({
  type: "GET",
  url: urli,
  dataType: 'json',
  // 指定回调里的this指向外层的this
  context: this,
  success: function(response) {
    console.log(this.namelang);
    // 其他处理逻辑...
  }
});

另外还要确认：你的namelang变量确实在外层作用域（比如当前对象的属性、外层函数的变量）已经正确赋值了，不然即使this指向正确，也可能拿到undefined哦。

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