Tutorial: Example 2. Objects Compare

Example 2. Objects Compare

WrapperTracer - COMPARATOR - by GuerraTron

OBJECTS TO COMPARE

Version 1

Version 2

DEBUG: this {Object} PAGE: layout

path

[String] : C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl

layout

[String] : layout.tmpl

cache

[Object] :

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\container.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\source.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\layout.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\mainpage.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\members.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\details.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\properties.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\type.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\method.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\params.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\returns.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\examples.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron\tmpl\tutorial.tmpl

[function] :

function (data) {
      return render.call(this, data, _);
    }

settings

[Object] :

evaluate

[RegExp] : /<\?js([\s\S]+?)\?>/g

interpolate

[RegExp] : /<\?js=([\s\S]+?)\?>/g

escape

[RegExp] : /<\?js~([\s\S]+?)\?>/g

find

[function] :

function find(spec) {
    return helper.find(data, spec);
}

linkto

[function] :

function (longname, linkText, cssClass, fragmentId) {
    return buildLink(longname, linkText, {
        cssClass: cssClass,
        fragmentId: fragmentId,
        linkMap: longnameToUrl
    });
}

resolveAuthorLinks

[function] :

function (str) {
    var author;
    var matches = str.match(/^\s?([\s\S]+)\b\s+<(\S+@\S+)>\s?$/);
    if (matches && matches.length === 3) {
        author = '' + htmlsafe(matches[1]) + '';
    }
    else {
        author = htmlsafe(str);
    }

    return author;
}

tutoriallink

[function] :

function tutoriallink(tutorial) {
    return helper.toTutorial(tutorial, null, { tag: 'em', classname: 'disabled', prefix: 'Tutorial: ' });
}

htmlsafe

[function] :

function (str) {
    if (typeof str !== 'string') {
        str = String(str);
    }

    return str.replace(/&/g, '&')
        .replace(/



outputSourceFiles
 [Boolean] : 

true




debugObjectView
 [Object] : 






nav
 [String] : 

Home
∇
Home
Modules
WrapperTracer
Modules
WrapperTracer
Classes
WrapperTracer
Classes
WrapperTracer
Namespaces
WrapperTracer
Namespaces
WrapperTracer
Tutorials
Tuto. WrapperTracer Tutorial
Example 1. Simple and Complex Objects
Example 2. Objects Compare
Tutorials
Tuto. WrapperTracer Tutorial
Example 1. Simple and Complex Objects
Example 2. Objects Compare
Debug :: Objects
Object "this"
Object "env"
Object "data"
Object "templates"
Debug :: Objects
Object "this"
Object "env"
Object "data"
Object "templates"




debug
 [Boolean] : 

true

 
		
DEBUG: data {Object} PAGE: layout


title
 [String] : 

Tutorial: Example 2. Objects Compare




header
 [String] : 

Example 2. Objects Compare




content
 [String] : 




    

    Example 2. Objects Compare



    


  
  
  
  
  
  
  
  WrapperTracer - COMPARATOR - by GuerraTron
    
    
    
    
  
  
    OBJECTS TO COMPARE
    
      
       
      
			Version 1
      
    
    
      
       
      
			Version 2
      
    
  









children
 [Array] : 






		
DEBUG: env {Object} PAGE: layout


run
 [Object] : 


start
 [Date] : 

Fri Apr 29 2016 02:06:04 GMT+0200 (Hora de verano romance)




finish
 [Null] : 

null







args
 [Array] : 

-c,C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\jsdoc.conf.en.json




conf
 [Object] : 


tags
 [Object] : 


allowUnknownTags
 [Boolean] : 

true




dictionaries
 [Array] : 

jsdoc,closure







templates
 [Object] : 


monospaceLinks
 [Boolean] : 

true




cleverLinks
 [Boolean] : 

false




logoFile
 [String] : 

img/WrapperTracer-logo.png




dateFormat
 [String] : 

ddd MMM Do YYYY




applicationName
 [String] : 

WrapperTracer




systemName
 [String] : 

WrapperTracer :: Trace JS objects Methods - by GUERRATRON




default
 [Object] : 


staticFiles
 [Object] : 


include
 [Array] : 

./static







layoutFile
 [string] : 






outputSourceFiles
 [Boolean] : 

true




includeDate
 [Boolean] : 

true




useLongnameInNav
 [Boolean] : 

false







debug
 [Boolean] : 

true




logo
 [String] : 

img/wrapperTracer-logo.png




responsive
 [Boolean] : 

true




author
 [String] : 

GuerraTron




footer
 [String] : 

$HR$ Documentation generated by $AUTHOR$ on $DATE$ $BR$ $COPYRIGHT$ $HR$




copyright
 [String] : 

Juan Jose Guerra Haba (c) 2016




theme
 [String] : 

light




changeTheme
 [Boolean] : 

true




totop
 [Boolean] : 

true




meta
 [Object] : 


title
 [String] : 

WrapperTracer :: Trace JS objects methods - by GUERRATRON




description
 [String] : 

WrapperTracer :: Trace JS objects and its methods traits - by GUERRATRON




keywords
 [String] : 

wrappertracer,js,code,debug,trait,traits,trace,tracer,wrapper,guerratron




charset
 [String] : 

utf-8




language
 [String] : 

en










source
 [Object] : 


includePattern
 [String] : 

.+\.js(doc)?$




excludePattern
 [String] : 

(^|\/|\\)_




include
 [Array] : 

WrapperTracer.en.js




exclude
 [Array] : 

./static/*.*,./help/*.*,./doc/*.*,./img/*.*,./examples/*.*,./tutorial/*.*







plugins
 [Array] : 

C:\Program Files\nodejs\node_modules\jsdoc\plugins\markdown,C:\Program Files\nodejs\node_modules\jsdoc\plugins\summarize




package
 [Object] : 


name
 [String] : 

WrapperTracer/WrapperTracer-en




version
 [String] : 

1.0.0




description
 [String] : 

Trace JS objects methods




main
 [String] : 

WrapperTracer.en.js







opts
 [Object] : 


encoding
 [String] : 

utf8




destination
 [String] : 

./doc/




recurse
 [Boolean] : 

true




tutorials
 [String] : 

./tutorial




readme
 [String] : 

./help/README.md




template
 [String] : 

./templates/doctron




query
 [String] : 

value




private
 [Boolean] : 

true




lenient
 [Boolean] : 

true










dirname
 [String] : 

C:\Program Files\nodejs\node_modules\jsdoc




pwd
 [String] : 

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en




opts
 [Object] : 


_
 [Array] : 

WrapperTracer.en.js




configure
 [String] : 

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\jsdoc.conf.en.json




encoding
 [String] : 

utf8




destination
 [String] : 

./doc/




recurse
 [Boolean] : 

true




tutorials
 [String] : 

./tutorial




readme
 [String] : 



  'WrapperTracer' (Class JS) - Analyzing and Traces JS objects.
  Author: Juan José Guerra Haba - dinertron@gmail.com - Marzo de 2016
  License: Free BSD. & Open GPL v.3. Keep credit, please.
  Versión: 1.0.0 BETA
  File: WrapperTracer.js               Main Class: WrapperTracer.js  


WrapperTracer

It is a class that creates Javascript wrapper objects to allow tracking of the executed methods.
Features

Do not in any way alter the original object
Fully OOP
Cross-browser
Philosophy MVC
Reduction to minimum of code to use by the user.

Usage
Simply call the constructor with two parameters: The object tracking and DOMElement container element that will house the results for the GUI. The container element parameter can be a string containing the element id.
Ej:  
    var wrapped = new WrapperTracer(obj1, "containerUI");
Of course you must be loaded before the script in the HTML header. 
<script type="text/javascript" src="WrapperTracer.js"></script>
Explanatory
It serve of TRACER to obtain a visual representation of methods's execution cycle, as help with information (elapsed time, nesting, methods type, parameters, ...).
This class relies heavily on the utility functions of an internal object implemented in the same file, the 'Util' object, which contains methods and objects statics that although they are geared specifically for object 'wrapper', they could be used outside the same using his 'classpath'.
Public API

  Constructor
     WrapperTracer (object, idElement, callback);
  Getters
    getId ();
    getTarget ();
    getWrapped ();
    getCallback ();
    getProps ();
    getInfo ();
    getContainer ();
    getUtil ()
  Setters
    setContainer (idElement);


Authoring
Created and developed entirely by Juan Jose Guerra Haba. <dinertron@gmail.com>
Copyright 2015 © GuerraTron
License GPL v3
Developing & Tools
Created with Nodeclipse
 (Eclipse Marketplace, site)
Nodeclipse is free open-source project that grows with your contributions.
Debug by Firefox + Firebug
Additional editing and cleaning withNotepad++




template
 [String] : 

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\templates\doctron




query
 [String] : 

value




private
 [Boolean] : 

true




lenient
 [Boolean] : 

true







sourceFiles
 [Array] : 

C:\Users\Paula\workspace_LUNA\WrapperTracer\jsDOC\WrapperTracer-en\WrapperTracer.en.js




version
 [Object] : 


number
 [String] : 

3.4.0




revision
 [String] : 

Tue, 10 Nov 2015 00:28:09 GMT







		
DEBUG: templates {Object} PAGE: layout


monospaceLinks
 [Boolean] : 

true




cleverLinks
 [Boolean] : 

false




logoFile
 [String] : 

img/WrapperTracer-logo.png




dateFormat
 [String] : 

ddd MMM Do YYYY




applicationName
 [String] : 

WrapperTracer




systemName
 [String] : 

WrapperTracer :: Trace JS objects Methods - by GUERRATRON




default
 [Object] : 


staticFiles
 [Object] : 


include
 [Array] : 

./static







layoutFile
 [string] : 






outputSourceFiles
 [Boolean] : 

true




includeDate
 [Boolean] : 

true




useLongnameInNav
 [Boolean] : 

false







debug
 [Boolean] : 

true




logo
 [String] : 

img/wrapperTracer-logo.png




responsive
 [Boolean] : 

true




author
 [String] : 

GuerraTron




footer
 [String] : 

$HR$ Documentation generated by $AUTHOR$ on $DATE$ $BR$ $COPYRIGHT$ $HR$




copyright
 [String] : 

Juan Jose Guerra Haba (c) 2016




theme
 [String] : 

light




changeTheme
 [Boolean] : 

true




totop
 [Boolean] : 

true




meta
 [Object] : 


title
 [String] : 

WrapperTracer :: Trace JS objects methods - by GUERRATRON




description
 [String] : 

WrapperTracer :: Trace JS objects and its methods traits - by GUERRATRON




keywords
 [String] : 

wrappertracer,js,code,debug,trait,traits,trace,tracer,wrapper,guerratron




charset
 [String] : 

utf-8




language
 [String] : 

en