Difference between revisions of "Crear librería de JavaScript"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
==Cómo crear una librería de JavaScript sencilla== | |||
===Agregando la librería al alcance global (global scope)=== | |||
<div class="toccolours mw-collapsible mw-collapsed" style="width:800px"> | |||
Un ejemplo de una librería sencilla (Expandir para ver ejemplo documentado): | |||
<syntaxhighlight lang="javascript"> | |||
(function(w) { | |||
var variable1 = 'unoA'; | |||
var variable2 = 'dosB'; | |||
var variable3 = { | |||
sub1: 'a', | |||
sub2: 'b' | |||
}; | |||
function hola() { | |||
alert('hola'); | |||
} | |||
; | |||
w.lib = {}; | |||
w.lib.variable2 = variable2; | |||
w.lib.variable3 = variable3; | |||
w.lib.hola = hola; | |||
})(window); | |||
// ********************************* | |||
// Ejecución | |||
// ********************************* | |||
lib.hola(); | |||
alert(lib.variable2); | |||
</syntaxhighlight> | |||
<div class="mw-collapsible-content"> | |||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
(function(w) { | (function(w) { | ||
Line 14: | Line 43: | ||
})(window); // No es estrictamente necesario el window ya que es global | })(window); // No es estrictamente necesario el window ya que es global | ||
</syntaxhighlight> | </syntaxhighlight> | ||
</div> | |||
</div> |
Revision as of 17:23, 22 May 2014
Cómo crear una librería de JavaScript sencilla
Agregando la librería al alcance global (global scope)
Un ejemplo de una librería sencilla (Expandir para ver ejemplo documentado):
(function(w) {
var variable1 = 'unoA';
var variable2 = 'dosB';
var variable3 = {
sub1: 'a',
sub2: 'b'
};
function hola() {
alert('hola');
}
;
w.lib = {};
w.lib.variable2 = variable2;
w.lib.variable3 = variable3;
w.lib.hola = hola;
})(window);
// *********************************
// Ejecución
// *********************************
lib.hola();
alert(lib.variable2);
(function(w) {
var a = 'unoA';
var b = {
a: 'a',
b: 'b'
};
function hola() {
alert('hola');
}
;
w.lib = a;
w.libb = b;
})(window); // No es estrictamente necesario el window ya que es global