Node.js
Node.js가있는 ECMAScript 2015 (ES6)
수색…
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
화살표 기능
화살표 함수는 자동으로 주변 코드의 '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)
.map
전달 된 함수는 function
키워드를 제거하고 화살표 =>
를 추가하여 화살표 함수로 작성할 수도 있습니다.
let nums = [3, 5, 7]
let squares = nums.map((n) => {
return n * n
})
console.log(squares)
그러나 이것은 더 간결하게 작성할 수 있습니다. 함수 본문이 하나의 명령문으로만 구성되어 있고 그 명령문이 반환 값을 계산하면 함수 본문을 래핑하는 중괄호와 return
키워드를 모두 제거 할 수 있습니다.
let nums = [3, 5, 7]
let squares = nums.map(n => n * n)
console.log(squares)
파괴
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