访问闭包范围内的私有（局部）变量

Question

我正在做一个谷歌浏览器扩展程序，并试图获取闭包范围内的局部变量的引用。

// The script model of the target website
// I can't change any code of these
function Player(playerName){
    this.name = playerName;
    this.score = 0;
}

function Match(playerRed,playerBlue){
    var player_red = new Player(playerRed);
    var player_blue = new Player(playerBlue);
}

var tennis = new Match("Mike","John")

所以我要在内容脚本中执行的操作是将一个函数注入Match原型中，以获取变量player_red和player_blue ：

function Match(playerRed,playerBlue){
    var player_red = new Player(playerRed);
    var player_blue = new Player(playerBlue);

    //hoping to add this into Match.prototype
    this.showMatchInfo = function(){
            alert(player_red.name + " vs " + player_blue.name);
    }
}

但这不起作用，因为未在this下定义player_red和player_blue 。

我通过搜索发现了这个问题 。 解决方案是“将构造函数包装在新的构造函数中，然后将原型设置为相等” 。 不幸的是，这对我不起作用，因为我无法访问网站的原始脚本，并且可能是因为：

• 即使通过创建新的myMatch ，新的myMatch也不会从其原始Match实例中继承player_red和player_blue变量。
• 有没有可能的解决方法？ 谢谢。

Answer 1

关于“部分解决方案”的注释：

请注意，下面发布的代码段仅显示“可能无法提供足够的替代方法”。 这是因为它们没有捕获构造函数中的值（Player对象），而是仅将值包装在内部。

“完整解决方案”还可以包装Player构造函数，并使用属性或其他机制来“记住”为不同输入值创建的对象。 或者，它可以记住对象创建顺序 。 然后，可以将其用于包装Match，然后在Match构造函数运行之后从共享存储中提取创建的Players；但是，这些细节留作练习。 Player包装代码可以利用下面提供的代码（假设Player是一个全局/可访问的属性）。

---

在上述情况下，确切的请求是不可能的。

变量（实变量，不是属性）只能通过在范围链中解析的声明范围或嵌套范围访问。 这也包括使用eval 。 尽管这似乎是一个限制，但它还确保除非公开，否则范围链（及其变量）不会在外部被破坏。

但是，请考虑这种有趣的方法，该方法利用了可以从构造方法return显式对象的事实：

var oldMatch = Match
// note this form, else above would be pre-clobbered
Match = function Match (playerRed, playerBlue) {
    var m = new oldMatch(playerRed, playerBlue)
    // either "inject" method here, or save in object for later
    m.myPlayerRed = playerRed
    m.myPlayerBlue = playerBlue
    return m
}

当然，这会破坏诸如new Match(...) instanceof Match类的东西。

快乐的编码。

---

更新：

这是对上述内容的修改，可以使用“将构造函数包装在新的构造函数中，然后将原型设置为相等”的方法，如本文链接中所述。 诀窍是“窃取”全局属性名称。 我还更改了代码，以使oldMatch保持“私有”状态以避免污染。

// note this form, else Match property would be pre-clobbered
Match = (function (oldMatch) {
    function Match (playerRed, playerBlue) {
        oldMatch.call(this, playerRed, playerBlue);
        // either "inject" method here, or save in object for later
        this.myPlayerRed = playerRed
        this.myPlayerBlue = playerBlue
    }
    Match.prototype = oldMatch.prototype
    return Match
})(Match)

与第一个代码段不同，此代码应与new Match(...) instanceof Match ，但仍可能会中断，具体取决于Match对象方法中的特定假设。

---

如何从Player构造函数反转（“提取”）数据的示例：

// original -- remember this method will only work
// if Player is used as a property (and not itself a closure'd variable)
function Player (name) {
    this.name = name
}

Player = (function (oldPlayer) {
    function Player (name) {
        oldPlayer.call(this, name)
        var fn = arguments.callee
        fn.recent = fn.recent || []
        fn.recent.push([name, this])         
    }
    Player.prototype = oldPlayer.prototype
    return Player
})(Player)

var p1 = new Player("fred");
var p2 = new Player("barney");

alert("instanceof check? " + p1 instanceof Player)
alert("name check? " + ("barney" == p2.name))

alert(Player.recent.join(","))
Player.recent = [] // reset