Resumir algunas taquigrafía para ES6

Estrictamente hablando, no puede ser llamado corto, de todos modos, quiero expresar el significado que el método original es mucho más fácil de escribir algo. Espero que puedan entender. (ᖛ ̫ ᖛ) ʃ)


cadena de plantilla: Simplificar la concatenación de cadenas

cadena de plantilla debe contener `` sección variable utiliza $ {xxx} se define a continuación ejemplos se puede ver que mucho más corta cadena de lucha + que con los lamentos.

var name = "sian";
var age = 18;
var gender = "女";
function print() {
	console.log(`姓名${this.name},年龄${this.age},性别${this.gender}`)
	console.log("姓名" + this.name + ",年龄" + this.age + ",性别" + this.gender);
}
print();

Aquí Insertar imagen Descripción

Simplificar los objetos de redacción

se omite atributo con el mismo nombre, se omite la función del método , tal como se muestra a continuación, la escritura no es el mismo, pero el resultado es el mismo.
Aquí Insertar imagen Descripción

…descanso

El pequeño punto, de hecho, un recorrido completo de la misma.
Arr1 siguiente salida es la salida de una matriz, pero la salida ... arr1 estimarán solamente la producción de los cuales, es decir, el valor de salida de atravesarlo.
Aquí Insertar imagen Descripción
Arr medios pueden estar en cualquier lugar en el empalme array lamentos
Aquí Insertar imagen Descripción
parámetro resto y el argumento
como puede verse, la forma tradicional de los parámetros de transmisión puede ser utilizado para hacer los parámetros pasados argumento en una matriz de maniquí . Sin embargo, el uso de paso de parámetros resto, puede ser directamente en una matriz de parámetros , por supuesto, el parámetro resto también puede ser utilizado para formar la matriz argumento ficticio.
Aquí Insertar imagen Descripción
¿Por qué es pseudo- matrices y matrices cierto, se puede ver en estos dos muestran la longitud de 3, ya que es la matriz vamos a ser atravesado.
Aquí Insertar imagen Descripción

La deconstrucción asignación de variable: para simplificar la asignación

Asignación debe corresponder a un objeto o una matriz utilizando los soportes correspondientes, [] array = {} = objeto.
Cuando asignado al objeto y el objeto debe estar en el nombre del mismo, como en el cuadro de color rojo, {age,name} = objentonces obj tiene que tener un cierto nombre y edad propiedades. No se puede, el orden se puede invertir. Pero si es real {a,n} = obj, entonces sólo la salida indefinido.
Este parámetro puede utilizarse para asignar.
Aquí Insertar imagen Descripción

parámetro predeterminado

Los valores de los parámetros predeterminados: Cuando no utilice los argumentos por defecto aprobadas en los valores por defecto de los parámetros. El constructor puede ser entendido como un número de otros idiomas. Si pasa un parámetro en el uso de parámetros pasados, si no pasar parámetros a utilizar sus propios valores por defecto.
Aquí Insertar imagen Descripción

función de la flecha

函数名 = () => {函数体}

  • Cuando no hay parámetros o parámetro es mayor que un cierto tiempo para escribir (), sólo un parámetro no se puede escribir
    Aquí Insertar imagen Descripción
  • El cuerpo de la función es sólo una instrucción no puede apoyos, los resultados devueltos por defecto; el cuerpo de la función había varias instrucciones, requeridos}, si se necesita el valor de retorno, a continuación, volver con su propia escritura a mano {.
    Aquí Insertar imagen Descripción

escenarios de uso: la función de devolución de llamada definido Multi utilizan para
llamar la atención: la función de la flecha no posee este, cuando esto no es la función de la flecha llamada la decisión, pero cuando se define en este objeto es su
funciones ordinarias, a los que llamar a este apunta a nadie.
Aquí Insertar imagen Descripción
Esta función de la flecha para ver si hay una función de la capa exterior,

  • Si lo hay, este es una función de las flechas en el interior de esta función externa,
  • Si no es así, entonces esta es la ventana.

Tres ejemplos a continuación incluyen:
la figura 1

  • definir directamente la diversión Función flecha, punto de esta ventana de diversión,
  • La diversión como un método de objeto obj, diversión es esto apunta todavía a la ventana,
  • En vez divertido definir una función get, obtener una externa no funcionaba, que sigue apuntando a la ventana
    Aquí Insertar imagen Descripción

En la figura 2

  • Definida fuera de la función de flecha diversión, diversión puntero a la ventana
  • Como una llamada de método en la función de demostración en la diversión, ya que la diversión está definida externamente, por lo que la diversión sigue en punta ventana
  • En la función de demostración se define dentro de la función de flecha a hacer, hacer la función externa es divertido, por lo que obtener un puntero a la misma demostración, el objeto obj llamada de demostración, demostración puntero a obj, por tanto, también la diversión puntero que apunta obj.
    Aquí Insertar imagen Descripción

La Fig. 3

  • función Demo1 y la función normal de los métodos flecha Demo2 son obj
  • Arrow get1 función función demo1 exterior es una función normal, este demo1 puntero determinado por la llamada del objeto que, punto demo1 así obj, y esta misma función de puntero get1 y la capa exterior, de modo que este puntero apunta también a obj get1
  • Arrow función es una función get2 flecha función demo2 exterior, este demo2 puntero determinado por su función externa, pero no la función externa demo2, ventana apuntando así, y esta misma función de puntero get2 y la capa exterior, esto es tan get2 ventana de su valor
    Aquí Insertar imagen Descripción
Publicados 131 artículos originales · ganado elogios 451 · vistas 540 000 +

Supongo que te gusta

Origin blog.csdn.net/qq_36667170/article/details/105033708
Recomendado
Clasificación