Question

我正在制作Google Chrome扩展程序并试图在闭包范围内引用局部变量。

// 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);
    }
}

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

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

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

Answer 1

关于“部分解决方案”的说明：

请注意，下面发布的代码段仅显示“可能提供或未提供的一些替代方案”。这是因为它们不捕获构造函数中的值（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

访问闭包范围内的私有（本地）变量

1 个答案: