Konvertieren von C# Klasse JavaScript

Question

Werfen Sie einen Blick auf diese Basisklasse:

namespace AcmeWeb 
{ 
    public string FirstName { get; set; } 

    public class Person 
    { 
     public Person(string firstName, string lastName) 
     { 
      if (String.IsNullOrEmpty(firstName)) 
      { 
       throw new ArgumentNullException(firstName); 
      } 

      this.FirstName = firstName; 
     } 
    } 
} 

Was ist die beste Übersetzung von dieser in JavaScript?

Das ist, was ich denke:

(function(namespace) { 

    namespace.Person = function(firstName, lastName) { 

     // Constructor 

     (function() { 
      if (!firstName) { 
       throw "'firstName' argument cannot be null or empty"; 
      } 
     })(); 

     // Private memberts 

     var _ = { 
      firstName: firstName 
     }; 

     // Public members 

     this.firstName = function(value) { 
      if (typeof(value) === "undefined") { 
       return _.firstName; 
      } 
      else { 
       _.firstName = value; 
       return this; 
      } 
     }; 

    }; 

})(AcmeWeb); 

Answer 1

Sie echte Getter/Setter in Javascript verwenden könnten. Weitere Informationen finden Sie in John Resigs post. See the fiddle.

(function(NS) { 
    NS.Person = function(firstName, lastName) { 
     if (!firstName) { 
      throw "'firstName' argument cannot be null or empty"; 
     } 

     var FirstName = firstName; 
     this.__defineGetter__("FirstName", function(){ 
      console.log('FirstName getter says ' + FirstName); 
      return FirstName; 
     }); 

     this.__defineSetter__("FirstName", function(val){ 
      console.log('FirstName setter says ' + val); 
      FirstName = val; 
     }); 
    } 
})(AcmeWeb); 

var p = new AcmeWeb.Person('John', 'Smith'); 
p.FirstName;   // => FirstName getter says John 
p.FirstName = 'Joe'; // => FirstName setter says Joe 

Answer 2

var AcmeWeb = { 
    Person: function(firstName, lastName) { 
     if (!firstName) { 
      throw "'firstName' argument cannot be null or empty"; 
     } 
     this.FirstName = firstName; 
    } 
}; 

Dann können Sie neue ein Person up:

var person = new AcmeWeb.Person("john", "smith"); 

Answer 3

Es sollte wie

(function(namespace) { 
    namespace.Person = function(firstName, lastName) { 
     var firstName = firstName || 'default', 
      lastName  = lastName || 'default', 
      moarPrivates = 'foo'; 

     return { 
      firstname: function(value) { 
       if(value) { 
        firstName = value; 
        return this; 
       } 
       else { 
        return firstName; 
       } 
      }, 
      lastname: function(value) { 
       if(value) { 
        lastName = value; 
        return this; 
       } 
       else { 
        return lastName; 
       } 
      } 
     }; 
    }; 
}(AcmeWeb)); 

var Andy = AcmeWeb.Person('Andy', 'Foo'); 

Andy.firstname('Andreas').lastname('Baaaaar'); 
console.log('Hello, my name is ', Andy.firstname(), ' ', Andy.lastname()); 

sein Durch die Rückgabe für Objektliteral alle lokalen Variablen Dateien aus der Konstruktorfunktion werden geschlossen. Deshalb sind sie privat und nur innerhalb des Person-Objekts zugänglich. Die öffentlichen Methoden sind diejenigen, die Sie in das zurückgegebene Objektliteral einschließen.

Beispiel: http://www.jsfiddle.net/GkFu4/1/