JavaScript - 这个这个

Question

String.prototype.foo = {};
String.prototype.foo.bar = function() {
    //How can you reference the "grandparent" string?
    console.log(this.parent.parent); //obviously, doesn't exist
}

如"Hello, Nurse!".foo.bar() 会记录“你好，护士！”。

如果对 foo 有控制权，会有什么不同吗？

编辑：那里，foo 被定义了。

Edit2：很好，而不是this.this.this，this.parent.parent。当然 parent 不存在，但希望现在语义不会妨碍。

Edit3：没有具体案例。提供的详细信息几乎就是我得到的所有信息：有一个对象 foo，它是原型的一部分。 foo.bar 是foo 的一个方法，应该访问它的祖父母。而已。没有其他的。这就是我掌握的所有信息。

Edit4：已解决。根据提供的答案（以及 Douglas Crockford 提供的一些二手帮助）：

String.prototype.foo = function() {
    var that = this;
    return {
        bar : function() {
            console.log(that.valueOf());
        }
    }
}
//Called:
"Hello, Nurse!".foo().bar();

Answer 1

可以做到这一点的唯一方法是将foo() 变成一个函数。将其视为为特定字符串初始化 foo 命名空间：

String.prototype.foo = function () {
    var str = String(this);
    var o = Object(this)
    o.bar = function () {
         console.log(str);
    };
    return o;
};

那么你可以使用：

"foobar".foo().bar(); // logs "foobar"

或者，如果我们将 foo 和 bar 重命名为更令人兴奋的名称：

"Hello!".console().log(); // logs "Hello!"

---

为什么这么复杂？

每个函数都使用一个特定的context 来调用，该context 是一个对象。无论是用a.b() 还是a.b.c.d() 调用都无关紧要 - 函数调用的 left 立即将对象作为其上下文。所以a.b() 的上下文是a，a.b.c.d() 的上下文是c。关键字this 引用上下文。因为c 只是一个对象（不是运行函数），它没有上下文，也没有this 的概念，所以this.this 没有意义。

因此，一般无法访问所谓的“父级”。胡安的回答给出了一个很好的概念性解释。但是，如果您想要实现的是原型函数中的命名空间，那么您可以通过从foo 返回一个增强对象来做到这一点。

请注意，我还必须将this 转换为上面的Object。这是因为您不能将属性附加到字符串等原始值。 var str = "foo"; str.bar = 1 会起作用，但这只是因为 JS 会自动将 "foo" 转换为对象。但是，由于str 引用的是原语，而不是自动创建的对象，因此该对象会立即被丢弃，而我们会丢失bar。

Answer 2

对象无法知道它是哪个对象的属性。同一个对象（在您的情况下是一个函数）可以附加到多个对象。这是一个例子：

var myObj = {};
var objA = {prop: myObj};
var objB = {nother: myObj}

如果给出对 myObj 的引用，您怎么可能知道您指的是哪个父对象？在一种情况下，它什么都不是，另一种情况是 objA，最后一种情况是 objB 的“子”对象。如果您解释您为什么喜欢这种行为，我们可以帮助您解决手头的问题。但问题的答案是您不能这样做。