Difference between revisions of "Crear librería de JavaScript"

From Wiki de Caballero
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