수색…


const / let 선언

var 과 달리 const / let 은 함수 범위가 아닌 어휘 범위에 바인딩됩니다.

{
  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

RunKit에서 실행

화살표 기능

화살표 함수는 자동으로 주변 코드의 'this'어휘 범위에 바인딩됩니다.

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

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

화살표 기능 예제

숫자 3, 5 및 7의 제곱을 출력하는이 예제를 살펴 보겠습니다.

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

RunKit에서 실행

.map 전달 된 함수는 function 키워드를 제거하고 화살표 => 를 추가하여 화살표 함수로 작성할 수도 있습니다.

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

RunKit에서 실행

그러나 이것은 더 간결하게 작성할 수 있습니다. 함수 본문이 하나의 명령문으로만 구성되어 있고 그 명령문이 반환 값을 계산하면 함수 본문을 래핑하는 중괄호와 return 키워드를 모두 제거 할 수 있습니다.

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

RunKit에서 실행

파괴

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

흐름

/* @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);
});

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
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow