强制上下文

Question

我有一个类，其中有一个私有属性和一个公共访问方法：

Person = function () {
    this.Name = "asd";

    var _public = new Object();
    _public.Name = function (value) {
        if (value == undefined) { //Get
            return this.Name
        } else {
            this.Name = value; //Set
        }
    };

    return _public;
};

我想强制 _public.Name 中的上下文来访问 this.Name。

我知道关闭技术，但我想看看是否可以强制上下文。

我找到了一种技术来做到这一点，扩展对象功能：

Function.prototype.setScope = function (scope) {
    var f = this;

    return function () {
        f().apply(scope);
    }
}

我的类变成：

Person = function () {
    this.Name = "asd";

    var _public = new Object();
    _public.Name = function (value) {
        if (value == undefined) {
            return this.Name
        } else {
            this.Name = value;
        }
    }.setScope(this);

    return _public;
};

所以我可以正确地强制上下文，但我无法传递 value 并且不能返回 this。名称。

Answer 1

不仅仅是

f().apply(scope);

（f 之后没有

f.apply(scope);

()。）您想在函数 f 对象上使用 apply 函数，而不是调用函数f并在其返回值上访问apply。

要传递 setScope 中的函数接收的参数，请添加以下内容：

f.apply(scope, arguments);

arguments 是所有函数的隐式参数，它是传递的实际参数的伪数组到运行时的函数。 apply 接受任何类似数组的东西作为其第二个参数，以指定调用底层函数时要使用的参数。

我还希望它返回返回值：

return f.apply(scope, arguments);

因此 setScope 变为：

Function.prototype.setScope = function (scope) {
    var f = this;

    return function () {
        return f.apply(scope, arguments);
    }
}

Live example

请注意此函数的常用名称以及新 ECMAScript5标准，是bind（第15.3.4.5节；ECMAScript5的bind还允许您柯里化 参数，此实现未完成）。 setScope 是一个特别不幸的名字，因为它不设置范围，而是设置上下文。

话虽如此，您没有理由在 Person 构造函数中需要 setScope。你可以这样做：

Person = function () {
    var self = this;

    this.Name = "asd";

    var _public = new Object();
    _public.Name = function (value) {
        if (value == undefined) {
            return self.Name;
        } else {
            self.Name = value;
        }
    };

    return _public;
};

Live example

但是使用 bind （又名 setScope) 在您不希望在执行该操作的上下文中使用新的闭包的地方非常有用。

---

离题：指定 Person 的方式会破坏人们可能期望的某些功能，例如：

var p = new Person();
alert(p instanceof Person); // Expect "true", but in your case will be "false"

...因为您要替换对象 new 为您创建，但从构造函数中返回不同的对象（覆盖默认值）。

不要创建一个新对象并在构造函数中返回该对象，而是允许由 new 为您构造的对象作为该对象（从而保持 Person 关系），但是您仍然可以获得真正的私有变量并使用访问器：

function Person() {
    // Private variable
    var name = "asd";

    // Accessor function
    this.Name = function(value) {
        if (typeof value === "undefined") {
            return name;
        }
        name = value;
    };
}

Live example

如您所见，这要简单得多，它保留了 instanceof 关系。请注意，我们根本没有限定 Name 中对 name 的引用，因此我们在构造函数调用中使用局部变量，其中 Name创建了关闭它的 函数。

我还冒昧地给构造函数起了一个名称，因为我不喜欢匿名函数。我还应该给访问器一个名称：

function Person() {
    // Private variable
    var name = "asd";

    // Accessor function
    this.Name = Person_Name;
    function Person_Name(value) {
        if (typeof value === "undefined") {
            return name;
        }
        name = value;
    }
}

---

离题 2：JavaScript 代码中压倒性的约定是仅在构造函数的函数名称上使用首字母大写（例如Person），而不是其他类型的函数（例如 Name）。当然，您可以自由地做任何您喜欢的事情，但我想我应该提到约定，因为它使其他人更容易阅读您的代码。

---

值得注意的是：所有这些技术都会导致每个Person对象都有其自己的访问器函数副本。如果有很多这些对象，则可能是内存问题。如果只有几个，那也没关系。

Answer 2

首先，我认为正确的方法是“闭包”方法，因为语法更容易理解，也更有意义，并且大多数用 Javascript 编写的面向对象代码都是这样编写的。另一件需要注意的事情是，在您的方法中，可以通过访问 Person.Name （而不是 (new Person()).Name 从外部访问“私有”成员）。

话虽这么说，你似乎想要像 Prototype.JS 的绑定方法 这样的东西，它允许您可以将函数引用绑定为对特定对象的方法调用，并且还正确传递所有参数（包括允许预加载参数）。

查看 Prototype.JS 源代码以获取完整的实现，但此语义的简单实现可能如下所示：

Function.prototype.bind = function(context) {
    var callee = this;
    var args = Array.prototype.slice.call(arguments,1);
    return function() {
        var newargs = args.concat(Array.prototype.slice.call(arguments,0));
        return callee.apply(context, newargs);
    };
};            

Answer 3

很难理解你想要实现的目标。但是，如果我猜测您正在尝试创建一个带有 name 方法的 Person 类来获取/设置人名，那么我的建议是：

function Person() {
  this._name = undefined; // not required but is better than assigning a fake name

  return this;
}

Person.prototype.name = function( _name ) {
  if ( _name === undefined ) return this._name; // get
  return this._name = _name; // set
}

请注意，我已经使用小写首字母定义了 name 函数。这是 JavaScript 中的标准做法，通常只有构造函数是大写的。要使用此类，您需要执行以下操作：

person = new Person();

person.name( "Ermes Enea Colella" );

alert( person.name ); // displays "Ermes Enea Colella"

无需使用此方法绑定任何上下文，因此您可能正在寻找其他内容。如果您能澄清您的需求，我将很乐意编辑我的答案。

我希望这有帮助。