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