4

私は JavaScript が初めてで、プライベート データとパブリック関数を使用して「クラス」を作成しようとしています。即時呼び出し関数式 (IIFE) がこれを達成すると言われましたが、クラスから新しいオブジェクトを「インスタンス化」すると、独自のデータを保持するのではなく、プライベート データを参照します。

これの一部は、 Create a JS class: IIFE と return プロトタイプから借用したものです。

たとえば、単純な Car の「クラス」は次のとおりです。

var Car = (function() {

    var body = { color: 'red' };
    Car.prototype.newColor = function(color) {
            body.color = color;
        };
    Car.prototype.getColor = function() {
            return body.color;
        };

    return Car;
})();

var car1 = new Car();
var car2 = new Car();

car2 の色も紫に変わります。

car1.newColor('purple');
car2.getColor(); // 'purple'

Car クラスの各オブジェクトが独自のプライベート データを保持するようにします。これは IFFE でどのように達成できますか、または別の方法がありますか?

4

3 に答える 3

3

var myprivateプライベート インスタンス変数をシミュレートする唯一の方法は、コンストラクター関数のように宣言することです。

特権メソッド (=プライベート メンバーにアクセスできるメソッド) は、コンストラクター関数の本体内でも宣言する必要があるため、プロトタイプにすることはできません (余分な CPU とメモリが必要になり、一部のモデルでは最適化されない可能性があります)。 JS エンジン)。

私の意見では、コストは利益に値しないので、これを行う必要がある状況は一度もありませんでした. 通常、広く使用されている命名規則 (アンダースコアで始まる名前) によって、メンバーが非公開であることを将来の自分や他のプログラマーに示します。_myPrivate

「パブリックオーバーライド」の答えは、次のコードを作成するきっかけになりました。プライベート インスタンス メンバーはパブリックにアクセスできますben._data.set。または、ルールやゲッター/セッターを再実装して、誰かがそれを悪用できるようにすることもできます。オブジェクトのパブリックにアクセス可能なメンバーをクリーンアップし、ゲッターとセッターを使いやすくすることができます。

//Namespacing DataStore to limit scope of the closures
var tools = {
  DataStore : function(){
    var store = [];
    this.get = function(key){
      return store[key];
    };
    this.set = function(key,value){
      store[key] = value;
      return value;
    };
  }
};
//Person constructor
var Person = function(name){
  //you can access this member directly
  // bob.name = "Lucy";
  this.name=name;
  //if having _data as not accesable by defining
  //  with var _data we whould have to define
  //  get and set here as this.get and this.set
  this._data=new tools.DataStore();
};
//constant value used to get or set, for example:
//ben.get(ben.AGE);
//Could add this and rules to Person instead of Person.prototype
//then you'll need a helper function to set up inheritance
//to make sure the static's on Person are copied to it's children
Person.prototype.AGE=0;
//rules for getters and setters
//Will be a problem with inheritance if on prototype 
//function Employee(name){Person.call(this,name);};
//Employee.prototype=Object.create(Person.prototype);
//Employee.prototype.rules["0set"]=..overwrites Person.prototype.rules["0set"]
//When inheriting you need to have a helper function set the rules for a child
//object
Person.rules = {}
//rule for AGE set
Person.rules[Person.prototype.AGE+"set"] = function(val){
  var tmp;
  tmp = parseInt(val);
  if(isNaN(tmp)){
    throw new Error("Cannot set the age of the person "+
      "to non number value, value of age:"+val);
  }
  if(tmp>150){
    throw new Error("Are you sure this is a person and "+
      "not a turtule? Trying to set age to:"+val);
  }
  return this._data.set(this.AGE,tmp);
};
//rule for age get
Person.rules[Person.prototype.AGE+"get"] = function(){
  return this._data.get(this.AGE);
};
Person.prototype.get = function(key){
  return Person.rules[key+"get"].call(this);
};
Person.prototype.set  = function(key,value){
  return Person.rules[key+"set"].call(this,value);
};

var ben = new Person("Ben");
ben.set(ben.AGE,22);
console.log(ben.get(ben.AGE));
try{
  ben.set(ben.AGE,151);
}catch(e){
  console.log("error",e);
}
try{
  ben.set(ben.AGE,"HELLO WORLD!");
}catch(e){
  console.log("error",e);
}

注意: Person.rulesPerson から継承する場合は、 Child インスタンスにコピーする必要があります。

プロトタイプ、継承、オーバーライド、スーパーの呼び出し、多重継承 (ミックスイン)、およびthisここの値の詳細: https://stackoverflow.com/a/16063711/1641941

于 2013-11-09T17:10:08.477 に答える
1

しかし、そのようにオブジェクトが作成されるたびに定義する.privilegedMethod()と、それぞれが(同じ目的の)メソッドの異なるバージョンを保持します...

私が思いついた解決策は、オブジェクトからオブジェクトへの(プライベート)ハッシュマップを使用し、新しく作成されたオブジェクトをctor関数の対応するデータにマップし、hasmapを「マネージャー」として使用して、プロトタイプメソッドでどのデータがどのオブジェクトに対応するかを把握することです、 このようなもの:

var Car = 
( function ( hashmap ) {

  function PrivateClassCarData ( c, t ) {
    this.color = c;
    this.type  = t;
  }

  function Car ( color, type ) {
    hashmap.place( this, new PrivateClassCarData( color, type ) );
  }

  // read
  Car.prototype.getColor =
  function () {
    return hashmap.read( this ).color;
  };

  // write
  Car.prototype.setColor =
  function (c) {
    hashmap.read( this ).color = c;
    return this;
  };

  // weak point, memory leak source
  // dereference object from hash-map before updating variable that points to it
  // another reference is kept in hashmap
  // @TODO, automatic dereferencing execution, anybody?
  Car.prototype.mfree =
  function () {
    hashmap.drop( this );
    return this;
  };

  return Car;

} )(

  // basic hash-map implementation
  // maps objects to objects
  ( function ( hk, hv ) {

    return {

      place : function ( objKey, objVal ) {
        hk.push( objKey );
        hv.push( objVal );
        return this;
      },

      read  : function ( objKey ) {
        return hv[ hk.indexOf( objKey ) ];
      },

      drop  : function ( objKey ) {
        var pos;
        ( ( pos = hk.indexOf( objKey ) ) != -1 )
        && (
          hk.splice( pos, 1 ),
          hv.splice( pos, 1 )
        );
        return this;
      }

    };

  } )( [], [] )

);

var c1 = new Car("red","ferrary");
var c2 = new Car("white","porche");

c1.getColor();
// red

c2.setColor("silver");

c1.getColor();
// red

c2.getColor();
// silver
//
于 2013-11-09T18:07:08.947 に答える
1
var Car = 
( function ( cardb ) {

  function Car ( color ) {

    // facing the same problem here
    // reinstaling .data() method for each created object
    // but this way each has its own data store object
    // and inner 1 to 1 circular reference js is able to deal with
    cardb( this );

    // set provided color parameter
    this.data("color", color);

  }

  return Car;

} )(

  // function to install .data() method to given object
  // it gets attached to object directly, instead of
  // attaching it to .prototype, in which case all
  // object will access same data store
  function ( obj ) {

    var _data = {};

    obj.data =
    function ( name, value ) {
      return arguments.length
       ? (
        ( value == null )
         ? _data[name]
         : (
           _data[name] = value,
           this
         )
       )
       : _data;
    };

    return obj;

  }
);

var c1 = new Car("red");
var c2 = new Car("blue");

c1.data("color");
// red

c2.data("color");
// blue

c1.data("color","white");

c2.data("color");
// blue
c1.data("color");
// white
//
于 2013-11-09T19:19:58.493 に答える