Question

我想在本地实现setter和getter javascript变量。这是一个示例函数：

function someThing() {
   var someLocalvariable = '';
}

// with this function I want to 
// return value of someLocalvariable
// also if it is possible to implement
// setter in this way. 
someThing.prototype.getLocalVar = function() {

}

我希望变量'真的'是私有的。我不喜欢使用这样的东西： someThing.prototype.someLocalvariable =

或

function someThing() {
   this.someLocalvariable = '';
}

或在someThing（）中附加函数，如下所示：

function someThing() {
      var someLocalvariable = '';
   this.getLocalvariable = function() {
      return someLocalvariable;
   }
}

我将非常感谢任何指导和帮助。

Answer 1

你不想做的最后一个例子~~将无效（它有语法错误），~~ （它已被修复）但我想你可能这意味着通常的方法是在构造函数中创建getter和setter闭包（下图）。

不幸的是，如果您想要真正的私有变量，这只是您唯一的选择。没有其他方法可以获得真正的私有，特定于实例的变量。但是，请参阅下面的“黑客”。

这是通常的做法的正确版本（我认为你说你不想要，但为了完整性）：

function SomeThing() {
    var privateVar;

    this.setPrivateVar = function(val) {
        privateVar = val;
    };
    this.getPrivateVar = function() {
        return privateVar;
    };
}

// use:
var t = new Something();
t.setPrivateVar("foo");
console.log(t.getPrivateVar()); // "foo"

与大多数人一样，我首先在Douglas Crockford's site上阅读了这种模式。

此选项确实有缺点：通过SomeThing构造函数创建的每个实例都获得其拥有两个函数。它们不能在实例之间共享。因此，如果您的应用中将有数百或数千个SomeThing个实例，那么从内存的角度来看，这是需要考虑的事情。如果有几百个或更少，那可能无关紧要。（这些数字是从帽子中拉出来的，你不应该相信它们，当你出现某种问题时，你必须检查你的代码的内存使用情况;但是你明白了。）

黑客攻击：如果您的实例已经将某种唯一标识符作为公共数据（或者您愿意添加一个，那么它将是公开的），如果您愿意添加一些公平数据对于使用实例的复杂性，您可以拥有一个私有缓存，用于保存只有您的代码可以访问的所有实例的数据，并通过对象的唯一标识符键入该缓存。像这样（在这个例子中，我正在分配id值，但是你可以使用现有的唯一ID）：

var SomeThing = (function() {
    var cache = {}, idAllocator = 0;

    function SomeThing() {
        this.id = ++idAllocator; // The unique identifier, can be a string if desired
        cache[this.id] = {};
    }
    SomeThing.prototype.getPrivateVar = function() {
        var data = cache[this.id];
        return data && data.privateVar;
    };
    SomeThing.prototype.setPrivateVar = function(value) {
        cache[this.id].privateVar = value;
    };
    SomeThing.prototype.destroy = function() {
        delete cache[this.id];
    };

    return SomeThing;
})();

以下是它的工作原理：所有函数都是外部作用域函数中cache局部变量的闭包。我们使用对象的唯一ID对其进行索引，这为我们提供了一个对象，我们将其放在私有数据成员上。当使用实例的代码完成后，该代码必须调用destroy（这是此模式的主要缺点），因此我们从cache中删除私有数据对象删除我们id的属性。

警告和费用：

您仍然拥有公开的数据，这是您私人数据的关键（上面的id）
SomeThing 创建的实例的用户必须在这些实例完成后调用destroy。这是JavaScript的垃圾处理方式的诅咒，但它是上述模式的要求，否则你最终会在cache对象中建立起来。
（我不担心这个）最后，如果您使用上面的自动id值，如果您的应用创建并销毁批次<，则会用完它们/ em>这些实例。但是JavaScript的数字确实非常高，如果这是一个问题，只需找到一种不同的方式来分配ID，而不是上面简单的常设增长系统。

我还没有在我的工作中使用上面的模式，但我希望它有一些用例，涉及数千个SomeThing个实例，因此不希望每个实例都有功能。< / p>

附注：在上文中，我将someThing更改为SomeThing。在JavaScript中，标准做法是将普通函数的名称以小写字母开头，并将构造函数的名称（与new一起使用的名称）以大写字母开头。由于SomeThing旨在与new一起使用，因此我限制了它。这只是惯例，但它是一个非常受欢迎的惯例，当然，它在语言定义中使用（Date是构造函数，setHours是函数）。

Answer 2

在函数构造函数中使用Object.defineProperty（）来定义你的getter和setter more info here ..

要使真正的私有（对外部不可见），某些值使用Closure，可以找到更多信息here。

在下面的示例中，我们为属性temperature定义了一个getter和setter，其中内部＆＃34; private＆＃34;值存储在变量var temperature中。

var temperature永远不会从Archiver()的外部可见/可访问它是否是关闭。

请注意，此模式在ES5上作为Object.defineProperty（）在ES3上不受支持。

function Archiver() {
    var temperature = null;
    var archive = [];

    Object.defineProperty(this, 'temperature', {
        get: function () {
            console.log('get!');
            return temperature;
        },
        set: function (value) {
            temperature = value;
            archive.push({ val: temperature });
        }
    });

    this.getArchive = function () {
        return archive;
    };
}

var arc = new Archiver();
arc.temperature; // 'get!'
arc.temperature = 11;
arc.temperature = 13;
arc.getArchive(); // [{ val: 11 }, { val: 13 }]

Answer 3

这样的事情：

function Field(val){
    var value = val;

    this.getValue = function(){
        return value;
    };

    this.setValue = function(val){
        value = val;
    };
}
var field = new Field("test");
field.value
// => undefined
field.setValue("test2")
field.getValue()

检查参考：http://ejohn.org/blog/javascript-getters-and-setters/

Answer 4

道格拉斯·克罗克福德撰写了this关于在JavaScript中实现私有成员的文章

Answer 5

那是不可能的。如果你在someThing（）中有一个局部变量，你附加到原型的函数就无法读取它的值（它是私有的，还记得吗？）。你的最后一个例子是这个问题的正常解决方案，为什么这对你来说不够好呢？

Answer 6

尝试这两种方法来实现setter和getter

var address = {

            street : "No street",
            city : "No city",
            state : "No state",     

            get getAddress()
            {
                return (this.street+","+this.city+","+this.state);
            },

            set setAddress(theAddress)
            {
                var part = theAddress.toString().split(", ");
                this.street = part[0] || "";
                this.city = part[1] || "";
                this.state = part[2] || "";
            }
        };


        address.setAddress = "27 Sus Road, Pune, MH";
        console.log(address.getAddress);


        //Other setter and getter

        function Square(side)
        {
            this._side = side;


        };

        Square.prototype = {

            set setSide(side){ 
                this._side = side;
            },

            get getSide(){ 
                return this._side;
            },

            get getArea(){ 
                return (this._side * this._side);
            }               
        };


        var mySquare = new Square(10);

        mySquare.setSide = 15;

        console.log("Area of square is "+mySquare.getArea+" with side "+mySquare.getSide);

Answer 7

第一种方法

var address = {

            street : "No street",
            city : "No city",
            state : "No state",     

            get getAddress()
            {
                return (this.street+","+this.city+","+this.state);
            },

            set setAddress(theAddress)
            {
                var part = theAddress.toString().split(", ");
                this.street = part[0] || "";
                this.city = part[1] || "";
                this.state = part[2] || "";
            }
        };


        address.setAddress = "27 Sus Road, Pune, MH";
        console.log(address.getAddress);

第二种方法

function Square(side)
        {
            this._side = side;


        };

        Square.prototype = {

            set setSide(side){ 
                this._side = side;
            },

            get getSide(){ 
                return this._side;
            },

            get getArea(){ 
                return (this._side * this._side);
            }               
        };


        var mySquare = new Square(10);

        mySquare.setSide = 15;

        console.log("Area of square is "+mySquare.getArea+" with side "+mySquare.getSide);

在JavaScript对象中实现setter和getter

7 个答案: