Szukaj…


deklaracje const / let

W przeciwieństwie do var , const / let są powiązane z zakresem leksykalnym, a nie z zakresem funkcji.

{
  var x = 1 // will escape the scope
  let y = 2 // bound to lexical scope
  const z = 3 // bound to lexical scope, constant
}

console.log(x) // 1
console.log(y) // ReferenceError: y is not defined
console.log(z) // ReferenceError: z is not defined

Uruchom w RunKit

Funkcje strzałek

Funkcje strzałek automatycznie wiążą się z „tym” zakresem leksykalnym otaczającego kodu.

performSomething(result => {
  this.someVariable = result
})

vs

performSomething(function(result) {
  this.someVariable = result
}.bind(this))

Przykład funkcji strzałki

Rozważmy ten przykład, który wyświetla kwadraty liczb 3, 5 i 7:

let nums = [3, 5, 7]
let squares = nums.map(function (n) {
  return n * n
})
console.log(squares)

Uruchom w RunKit

Funkcję przekazaną do .map można również zapisać jako funkcję strzałki, usuwając słowo kluczowe function i zamiast tego dodając strzałkę => :

let nums = [3, 5, 7]
let squares = nums.map((n) => {
  return n * n
})
console.log(squares)

Uruchom w RunKit

Można to jednak napisać jeszcze bardziej zwięźle. Jeśli treść funkcji składa się tylko z jednej instrukcji i ta instrukcja oblicza wartość zwracaną, można usunąć nawiasy klamrowe zawijania treści funkcji, a także słowo kluczowe return .

let nums = [3, 5, 7]
let squares = nums.map(n => n * n)
console.log(squares)

Uruchom w RunKit

destrukcja

    let [x,y, ...nums] = [0, 1, 2, 3, 4, 5, 6];
console.log(x, y, nums);

let {a, b, ...props} = {a:1, b:2, c:3, d:{e:4}}
console.log(a, b, props);

let dog = {name: 'fido', age: 3};
let {name:n, age} = dog;
console.log(n, age);

pływ

/* @flow */

function product(a: number, b: number){
  return a * b;
}

const b = 3;
let c = [1,2,3,,{}];
let d = 3;

import request from 'request';

request('http://dev.markitondemand.com/MODApis/Api/v2/Quote/json?symbol=AAPL', (err, res, payload)=>{
  payload = JSON.parse(payload);
  let {LastPrice} = payload;
  console.log(LastPrice);
});

Klasa ES6

class Mammel {
  constructor(legs){
    this.legs = legs;
  }
  eat(){
    console.log('eating...');
  }
  static count(){
    console.log('static count...');
  }
}

class Dog extends Mammel{
  constructor(name, legs){
    super(legs);
    this.name = name;
  }
  sleep(){
    super.eat();
    console.log('sleeping');
  }
}

let d = new Dog('fido', 4);
d.sleep();
d.eat();
console.log('d', d);


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow