Cuestionario Javascript 2016

25 Nov 2016

Se acerca el cierre de este año 2016 y toca hacer un repaso rápido a las novedades que se han ido introduciendo poco a poco en el lenguaje Javascript.

Ya sea gracias al soporte de los navegadores, o la propia evolución del estándar ECMAScript, contamos a día de hoy con una sintaxis casi completamente renovada, nuevos y útiles métodos extraídos de otros lenguajes y bibliotecas, multitud de APIs (tanto de nuevo cuño como alternativas), mucha azúcar sintáctica, y hasta una nueva primitiva como Symbol.

Este test, que inicia una nueva sección de este blog, puede ser de utilidad para comprobar cómo hemos ido asimilando todas estas novedades. Si bien es cierto que se trata de ejemplos muy forzados (e intencionadamente complejos), nos obligan a pensar cada línea mentalmente para no perder el hilo.

Esta prueba trata exclusivamente sobre el lenguaje Javascript, no sobre sus bibliotecas, herramientas o frameworks más utilizados. Tampoco se contempla aquí la plataforma Node.js.

No hay que confundir Javascript con sus frameworks y bibliotecas. Mientras que el primero es un lenguaje de programación, el resto son solo herramientas en continuo cambio sujetas a la moda del momento.

Te animamos a tomarte un rato libre, de unos 30 minutos, para probar tus habilidades y compartir tus resultados e impresiones en los comentarios.
¡Suerte!

Instrucciones para la prueba online

Duración aproximada: 30 minutos.

Criterio de evaluación

  • - La prueba se compone de 10 preguntas tipo test.
  • - Cada respuesta correcta suma 1 punto.
  • - Cada respuesta errónea resta 0.25 puntos.
  • - Una pregunta sin responder, no suma ni resta puntos.

¡No se permite ojear en la consola del navegador!

Parámetros por defecto… ¿Qué valores nos pinta esta función?

let fn = ( foo = 'default1', bar = 'default2' ) => console.info( foo, bar );
 
fn( undefined, null );

Hoisting según la declaración de variables: ¿qué devuelven los siguientes logs?

x = y = 'global';
 
( () => {
    console.info( x );
    console.info( y );
 
    var x = 'local';
    let y = 'local';
} )();

Retornos con el operador coma: ¿qué resultado obtenemos en este fragmento?

let double = ( x ) => x * 2,
    triple = ( x ) => x * 3;
 
let result = ( double( 4 ), triple( 4 ) );
 
console.info( result );

Parámetros auto referentes y declaraciones repetidas… ¡qué lío!

const fn = ( x, f = () => x ) => {
    var x,
        y = x;
 
    x = 2;
 
    return [ x, y, f() ];
}; 
 
console.info( fn( 1 ) );
ATENCIÓN! Debido a un bug en Chrome y Edge, el código anterior no da el resultado correcto. Para comprobarlo, mejor acudir a la consola de Firefox, o desarrollar el fragmento con Babel directamente online.

Trabajo con arreglos: ¿qué conjunto obtenemos en esta operación?

let setA = new Set( [ 'Monday', 'Tuesday', 'Friday', 'Saturday' ] ),
    setB = new Set( [ 'Tuesday', 'Sunday', 'Wednesday', 'Thursday' ] ),
 
    setC = new Set( [ ...setA, ...setB ] );
 
console.info( setC.size );

Mas trabajos con arreglos, programación funcional y mutabilidad

const removeItemFromArr = ( arr, item ) => arr.filter( e => e !== item );
 
 
let foo = [ 'thumb-1', 'thumb-2', 'thumb-3', 'thumb-4' ];
 
console.info( removeItemFromArr( foo, 'thumb-2', 'thumb-5' ) );
console.info( foo );

¿¿¿Qué le han hecho a mi Javascript???

let fn = {
    s ( ...args ) {
        return args.reduce( ( a, b ) => a + b, 0 );        
    }    
};
 
console.info( fn.s( 10, 20, 30 ) );

Desestructurando y arrastrando, que es gerundio…

let [ x, ...[ y, z ] ] = [ 'a', 'b', 'c' ];
 
console.info( x, y, z );

Indefinición, parcialidad, asociación y anonimato con flechas… ¿Qué puede salir de todo esto?

let fn = ( ( x, y ) => x + y ).bind( undefined, 1 );
 
console.info( fn( 10 ) );

Hey, ¡esas llaves!… ¿Qué pinta cada log de esta criatura?

( () => {
    let x = 'foo';
 
    if ( x ) {
        let x = 'bar';
        console.info( x );
    }
 
    console.info( x );
} ) ();

Preguntas contestadas:

Preguntas correctas: | Preguntas erróneas:

Tu Puntuación Total:

{5} Comentarios.

  1. Javier Saldaña

    Excelente Test hehehehehe he sacado 5 (6ok, 4err). No debería sentirme feliz, pero estoy así hehehehe

  2. Elena Torro

    7,5 🙂

    • Carlos Benítez

      Enhorabuena!
      Aprovecho los comentarios para agradecerte públicamente la idea de re hacer el viejo cuestionario de 2011 con algo más moderno. 🙂

      Saludos!

  3. Flavio Corpa

    9/10

  4. jjdltc

    ¿¡Qué le han hecho a mi Javascript!?
    Me ha gustado, ahora a re-pensar las que no acerte.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *