Heim > Web-Frontend > js-Tutorial > Beispiel-Tutorial zur Funktionserweiterung in ES6

Beispiel-Tutorial zur Funktionserweiterung in ES6

零下一度
Freigeben: 2017-06-26 09:56:08
Original
1379 Leute haben es durchsucht

Einige neue Funktionen wurden auch in Richtung Funktionserweiterung hinzugefügt. Ich halte diese Funktionen auch für sehr wichtig

1. Parameter-Standardwerte (Hinweis : Dem Standardwert kann nicht das Hinzufügen von Parametern ohne Standardwerte folgen)

{  function test(x, y = 'world'){
    console.log('默认值',x,y);
  }
  test('hello');//hello world
  test('hello','kill');//hello kill
}
Nach dem Login kopieren
{
  let x='test';  function test2(x,y=x){
    console.log('作用域',x,y);
  }
  test2('kill');//kill kill  这里涉及到作用域的问题   函数里面具有单独的作用域  只有没有x的时候 才会继承let所声明的x
}
Nach dem Login kopieren

  2. Restparameter (. ..) Konvertieren Sie eine Reihe diskreter Werte in ein Array. Auf den Rest können keine Parameter folgen

{  function test3(...arg){for(let v of arg){
      console.log('rest',v);
    }
  }
  test3(1,2,3,4,'a');
}
Nach dem Login kopieren

  3. Der Spread-Operator (...) wandelt ein Array in eine Reihe diskreter Werte um

{
  console.log(...[1,2,4]);
  console.log('a',...[1,2,4]);
}
Nach dem Login kopieren

4. Pfeilfunktionen (sehr wichtig, Andernfalls werden einige neue Codes nicht verstanden) ! ) Zum Beispiel ist a=>a*2 a der Parameter und a*2 der Rückgabewert => Wenn keine Parameter übergeben werden, können Sie dies tun Verwenden Sie (), um

{
  let arrow = v => v*2;
  let arrow2 = () => 5;
  console.log('arrow',arrow(3));//6
  console.log(arrow2());//5

}
Nach dem Login kopieren

darzustellen. 5. Tail Call Eine Funktion verschachtelt eine andere Funktion. Sie können Tail Call

in Betracht ziehen
{  function tail(x){
    console.log('tail',x);
  }  function fx(x){return tail(x)
  }
  fx(123)// tail 123
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonBeispiel-Tutorial zur Funktionserweiterung in ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage