Resumir algumas abreviação para ES6

Estritamente falando não pode ser chamado de curto, de qualquer maneira, quero expressar o significado do que o método original é muito mais fácil de escrever algo. Espero que você possa entender. (ᖛ ̫ ᖛ) ʃ)


seqüência de modelo: concatenação simplifique

corda modelo deve conter `` seção variando usa $ {xxx} definido abaixo exemplos pode ser visto que muito mais curto seqüência de luta + do que com o choro.

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();

Aqui Insert Picture Descrição

Simplificar os objetos redacção

Atributo com o mesmo nome é omitido, a função do método é omitido , como mostrado abaixo, a escrita não é o mesmo, mas o resultado é o mesmo.
Aqui Insert Picture Descrição

…descansar

ponto pouco na verdade, um percurso completo dele.
Arr1 seguinte saída é a saída de uma matriz, mas a saída ... arr1 valorizam apenas a saída dos quais, isto é, o valor de atravessá-lo de saída.
Aqui Insert Picture Descrição
Arr meios podem estar em qualquer lugar na emenda variedade lamentando
Aqui Insert Picture Descrição
parâmetro descanso e argumento
como pode ser visto, a forma tradicional de parâmetros de transmissão pode ser usado para fazer os parâmetros passados argumento para uma matriz fictício . No entanto, o uso do parâmetro resto de passagem, pode ser directamente numa matriz de parâmetro , é claro, o parâmetro de resto também pode ser utilizado para formar a matriz de argumento manequim.
Aqui Insert Picture Descrição
Por que é pseudo-matrizes e arrays verdade, você pode olhar para estes dois mostram o comprimento de 3, uma vez que é a matriz que irá ser percorrido.
Aqui Insert Picture Descrição

Deconstruction atribuição de variável: para simplificar a atribuição

Atribuição deve corresponder a um objecto ou uma matriz usando os suportes correspondentes, [] matriz = {} = objecto.
Quando atribuído ao objeto eo objeto deve estar no nome do mesmo, como na caixa vermelha, {age,name} = objem seguida, obj tem que ter um certo nome e idade propriedades. Não pode ser, a ordem pode ser invertida. Mas, se verdadeira {a,n} = obj, então somente a saída indefinido.
Este parâmetro pode ser usado para atribuir.
Aqui Insert Picture Descrição

parâmetro padrão

Os valores de parâmetros padrão: Quando não estiver usando os argumentos padrão passados ​​em valores por defeito. O construtor pode ser entendida como uma série de outras línguas. Se você passar um parâmetro sobre o uso de parâmetros passados, se não passar parâmetros usará seus próprios valores padrão.
Aqui Insert Picture Descrição

função de seta

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

  • Quando há parâmetros ou parâmetro é maior do que um certo tempo para write (), apenas um parâmetro não pode escrever
    Aqui Insert Picture Descrição
  • O corpo da função é apenas uma instrução pode não suspensórios, os resultados retornados por padrão; o corpo da função tinha várias instruções, necessários}, se é necessário o valor de retorno, em seguida, retornar com sua própria escrita mão {.
    Aqui Insert Picture Descrição

cenários de uso: função de retorno Multi-definido utilizado para
desenhar o foco: função de seta não Inventário, quando esta não é a função da seta chamou a decisão, mas quando definido neste objeto é suas
funções ordinárias, quem chamar este ele aponta para ninguém.
Aqui Insert Picture Descrição
Esta função da seta para ver se há uma função da camada exterior,

  • Se houver, esta é uma função das setas para dentro desta função exterior,
  • Se não, então esta é a janela.

Três exemplos abaixo incluem:
FIG 1

  • Diretamente definir a função fun função de seta, ponto de diversão desta janela,
  • A diversão como um método de objeto obj, o divertimento é este pontos ainda para a janela,
  • Em ambos divertido definir uma função get, obter um link externo não funcionou, ele ainda aponta para a janela
    Aqui Insert Picture Descrição

Na figura 2

  • Definido fora da função fun seta, divertido ponteiro para a janela
  • Como uma chamada de método na função de demonstração em diversão, uma vez que a diversão é definido externamente, tão divertido ainda janela pontas
  • Na função de demonstração é definida dentro da função seta get, obter a função exterior é divertido, de modo a obter um ponteiro para a mesma demo, o objeto obj chamada demo, demonstração ponteiro para obj, portanto, também ponteiro divertido apontando obj.
    Aqui Insert Picture Descrição

A Fig. 3

  • demo1 função e a função normal dos métodos seta demo2 são obj
  • Seta função get1 função demo1 exterior é uma função normal, este demo1 ponteiro determinada pela chamada do objecto-lo, ponto demo1 então obj, e esta mesma função ponteiro get1 e a camada exterior, de modo que este ponteiro também aponta para obj get1
  • Seta função é uma função get2 seta função demo2 exterior, este demo2 ponteiro determinada pela sua função exterior, mas não a função exterior demo2, apontando assim janela, e essa mesma função ponteiro get2 e a camada exterior, isto é assim get2 janela de ponto
    Aqui Insert Picture Descrição
Publicado 131 artigos originais · Louvor obteve 451 · vista 540 000 +

Acho que você gosta

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