Funciones y sintaxis de ES6

ES6 o como se le llama oficialmente: ECMAScript2015 es una nueva implementación de JavaScript y podría decirse que es el tema más candente en las convenciones y reuniones de desarrolladores de JS. Y por qué no debería serlo: JavaScript gobierna la web y se está afianzando en todos los demás campos posibles, ya sea robótica ( nodebots ), aplicaciones de escritorio (usando ion framework), chatbots, etc.
Entonces, ahora vamos a señalar la parte superior 5 características de ES6:
Parámetros predeterminados en ES6:
Diferencia de implementación: si proporcionamos 0 desde nuestro lado como altura, sería 50 por defecto en ES5, pero en ES6, la variable de altura se resolverá en 0.
Modo ES5:

var newvariable = function(height, name){
var height = height || 50
var name = name || "GeeksForGeeks"
}

ES6 manera:

var newvariable = function(height = 50, name = "GeeksForGeeks"){
}

Literales de plantilla en ES6:
cambio de implementación: en ES6 podemos usar una nueva sintaxis ${NOMBRE} dentro de la string marcada al revés en lugar de dividir la string en varias partes, concatenando las variables usando ‘+’ para obtener la string completa.
Modo ES5:

var first="Geeks";
var second="forGeeks";
var newstring='new string is made up of'+first+second;

ES6 manera:

var first="Geeks";
var second="forGeeks";
var newstring='new string is made up of ${first} ${second}';
// change code but same value

Strings de varias líneas en ES6:
otro azúcar sintáctico delicioso es una string de varias líneas. En ES5, teníamos que unir las diferentes partes de la string que se encontraban en diferentes líneas usando ‘+’ pero en ES6, solo podíamos usar las comillas invertidas ‘ ` ‘ para crear y usar strings de varias líneas.
Modo ES5:

var multiline_es5='Geeks\n\t'
+'For\n\t'
+'Geeks.\n\t'

ES6 manera:

var multiline_es6='Geeks
For
Geeks'

Promesas:
Las promesas han sido un tema controvertido. Hubo muchas implementaciones prometedoras con una sintaxis ligeramente diferente. q, bluebird, deferred.js, vote, avow, jquery deferred, por nombrar solo algunos. Otros dijeron que no necesitamos promesas y que solo podemos usar asíncronos, generadores, devoluciones de llamada, etc. ¡Con mucho gusto, ahora hay una implementación estándar de Promise en ES6! Una promesa es un método que eventualmente produce un valor. En cualquier momento, una promesa puede tener uno de los tres estados:

  • La promesa está pendiente: no sabe qué valor devolverá la promesa.
  • La promesa está resuelta: la promesa devuelve un valor.
  • La promesa es rechazada: la promesa no devuelve un valor y envía un error.

Las promesas son una nueva implementación y nos ayudan a evadir una situación infernal de devolución de llamada (un problema bastante común con las aplicaciones js) ya que en lugar de una función de devolución de llamada que se activará cuando se cumpla una condición, estamos enstringndo la función.
También puede entender la diferencia de la siguiente manera:
una situación de función de devolución de llamada es como una caja en una caja en una caja donde primero abrimos la caja exterior, luego la caja intermedia y luego la caja interior, mientras que una Promesa es como subir una escalera donde cada paso de la escalera es un método enstringdo a la Promesa.

Publicación traducida automáticamente

Artículo escrito por Parikshit Hooda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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