Databases
StackOverflow2013
Postsdbo
POJavaScript OOP Best Practices: construct & extend
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJavaScript OOP Best Practices: construct & extend
    primarykey
    data
    text
    <p>I am working to optimize my practices in JS but yet I could not construct a perfect benchmark to answer me the following questions. </p> <p><strong>What is the best structure of a JS "Class"?</strong></p> <p>I have tried each of the following without any obvious performance peak.</p> <pre><code>(function() { // Scope! as a JS function //0.example var A = new function() { this.x = 0; // Will be constructed on runtime initiation A.prototype.afunc = function() { // do something return this; }; }; //1.example var B = new function() { var x = 0; B.prototype.bfunc = function() { // do something return this; }; }; //2.example var C = new function() { var x = 0; this.cfunc = function() { // do something return this; }; }; //3.example function D() { // old fashion way var x = 0; function dfunc() { // do something return this; }; }; //4.example var E = { // Interface style, but works perfect as an Enum style but I can't extend it x: 0, efunc: function() { // do something return this; } }; })(); </code></pre> <p>But so far I have notice that 0-2 examples have the best capabilities to be extended and can adapt better OOP rules.</p> <p><strong>Which of the following can serve as Class constructor and why?</strong></p> <p>This is one of my major issues. I can't clearly figure the best structure for a class constructor. The problems gets worse when it comes to extend a class ( and use it as a super/parent constructor )</p> <p>The following code is my example of use. My experience has show me the 6th(5) example is the best to use when it comes to flexibility inside the "Class". But the inheritance is still tricky.</p> <pre><code> //5.example var F = new function(a, b, c) { var x = 0; F.prototype.init = function(a, b, c) { // do something return this; }; // During runtime will compute &amp; initilize return this.init(a, b, c); }; //6.example function G(a, b, c) { var x; var y; function init() { x = a; y = b + c; return this; }; return this.init(); }; //7.example var H = new function(a, b, c) { var instance = { // Runtime Construction x: a, y: b + c, }; // do something return init; }; </code></pre> <p><strong>Is it possible to achieve extension and inheritance as it happens in any common OOP language?</strong></p> <p>I have tried various techniques but none have convince me to be the optimal.</p> <pre><code>//8.example var I = new F.prototype; I.prototype.ifunc() { // do something return this; } //9.example var J = new G(0,1,2); J.jfunc() { // do something return this; } </code></pre> <p>So to sum up, What is the best practice to write OO JS? and how can you benchmark it to reject others?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USToon Krijthe
    1. USEvan P
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. POJavaScript OOP Best Practices: construct & extend
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POJavaScript OOP Best Practices: construct & extend
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POJavaScript OOP Best Practices: construct & extend
      1. This table or related slice is empty.
      1. VTUpMod
    1. CONever set prototype properties from inside your constructor !!!1 This leads to a horrible scope mess with local variables.
      singulars
      1. POJavaScript OOP Best Practices: construct & extend
      1. USBergi
    2. COI am using prototype only to register functions, I've not yet reach a mess with that technique, yet it is annoying. thx!
      singulars
      1. POJavaScript OOP Best Practices: construct & extend
      1. USEvan P
    3. COCheck out https://developer.mozilla.org/en-US/learn/javascript
      singulars
      1. POJavaScript OOP Best Practices: construct & extend
      1. USBergi
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload