Empezando con JQuery


Ejemplo de código JavaScript en línea
<script>
    console.log('hello');
    </script>
Ejemplo de inclusión de un archivo externo JavaScript
<script src='/js/jquery.js'></script>
<script src="@Url.Content("~/Scripts/methods_de.js")" type="text/javascript"></script>

Cuando usted este escribiendo código JavaScript, podrá utilizar alguno de los siguientes métodos para enviar mensajes a la consola del depurador:
  • console.log() para enviar y registrar mensajes generales;
  • console.dir() para registrar un objeto y visualizar sus propiedades;
  • console.warn() para registrar mensajes de alerta;
  • console.error() para registrar mensajes de error;
Es muy recomendable que la guarde en los favoritos de su navegador para tenerla como guía de referencia.
El operador ternario
// establecer a foo igual a 1 si bar es verdadero;
    // caso contrario, establecer a foo igual a 0
    var foo = bar ? 1 : 0;

Funciones


Las funciones pueden ser creadas de varias formas:
Declaración de una función
function foo() { /* hacer algo */ }
Declaración de una función nombrada
var foo = function() { /* hacer algo */ }
Una función simple
var greet = function(person, greeting) {
      var text = greeting + ', ' + person;
      console.log(text);
    };
    
    
    greet('Rebecca', 'Hello');  // muestra en la consola 'Hello, Rebecca'
Una función que devuelve un valor
var greet = function(person, greeting) {
      var text = greeting + ', ' + person;
      return text;
    };
    
    console.log(greet('Rebecca','hello'));   // la función devuelve 'Hello, Rebecca',
                                             // la cual se muestra en la consola
Una función que devuelve otra función
var greet = function(person, greeting) {
      var text = greeting + ', ' + person;
      return function() { console.log(text); };
    };
    
    
    var greeting = greet('Rebecca', 'Hello');
    greeting();  // se muestra en la consola 'Hello, Rebecca'

Alcance

Funciones tienen acceso a variables definidas dentro del mismo alcance
var foo = 'hello';
    
    var sayHello = function() {
      console.log(foo);
    };
    
    sayHello();         // muestra en la consola 'hello'
    console.log(foo);   // también muestra en la consola 'hello'
El código de afuera no tiene acceso a la variable definida dentro de la función
var sayHello = function() {
      var foo = 'hello';
      console.log(foo);
    };
    
    sayHello();         // muestra en la consola 'hello'
    console.log(foo);   // no muestra nada en la consola
Variables con nombres iguales pero valores diferentes pueden existir en diferentes alcances
var foo = 'world';
    
    var sayHello = function() {
      var foo = 'hello';
      console.log(foo);
    };
    
    sayHello();         // muestra en la consola 'hello'
    console.log(foo);   // muestra en la consola 'world'
Las funciones pueden “ver” los cambios en las variables antes de que la función sea definida
var myFunction = function() {
      var foo = 'hello';
    
      var myFn = function() {
          console.log(foo);
      };
    
      foo = 'world';
    
      return myFn;
    };
    
    var f = myFunction();
    f();  // registra 'world' -- error
Alcance
// una función anónima autoejecutable
    (function() {
      var baz = 1;
      var bim = function() { alert(baz); };
      bar = function() { alert(baz); };
    })();
    
    console.log(baz);  // La consola no muestra nada, ya que baz
                       // esta definida dentro del alcance de la función anónima
    
    bar();  // bar esta definido fuera de la función anónima
            // ya que fue declarada sin la palabra clave var; además,
            // como fue definida dentro del mismo alcance que baz,
            // se puede consultar el valor de baz a pesar que
            // ésta este definida dentro del alcance de la función anónima
    
    bim();  // bim no esta definida para ser accesible fuera de la función anónima,
            // por lo cual se mostrará un error















No hay comentarios:

Publicar un comentario