KnP House for Daily

[ES6] Arrow function 으로 map, promise 사용 본문

Web/ES6

[ES6] Arrow function 으로 map, promise 사용

K.ung 2016.06.11 16:25
/*
	Use Cases for Arrow Functions
	How arrow functions are used.
 */

/*
	array manipulations -> map or reduce array
 */
var contacts = [
	{ name : 'kyle', phone : '010-1234-1234'},
	{ name : 'paul', phone : '010-1111-1234'},
	{ name : 'brown', phone : '010-3456-1234'},
];

//es5
contacts.map(
	function(contact){
		return contact.name + " , " + contact.phone;
	}
);

//es6
contacts.map(
	contact => `${contact.name} , ${contact.phone}`
);

/*
	array filters
 */

var arr = [1,2,3,4,5,6,7,8,9,10];
//es5
var arrFilters = arr.filter(function(f){
	return f % 3 === 0;
});

//es6
let arrFilters = arr.filter( f => (f % 3 === 0) );

/*
	Promise and Callbacks
 */
//es5
aSync().then(function(){
	return aSync1();
}).then(function(){
	return aSync2();
}).done(function(){
	finish();
});

//es6
aSync().then( () => aSync1() ).then( () => aSync2() ).done( () => finish );

map, array, promise를 사용할 수있게 제공

이 포스트는 순전히 개인 공부용으로 소장하기 위한 것임을 알리는 바이다.


출처 : https://www.sitepoint.com/es6-arrow-functions-new-fat-concise-syntax-javascript/

저작자 표시
신고

'Web > ES6' 카테고리의 다른 글

[ES6] destructing assignment  (0) 2016.06.14
[ES6] rest parameter  (0) 2016.06.14
[ES6] let 과 const 에 대해  (0) 2016.06.13
[ES6] Arrow function 으로 map, promise 사용  (0) 2016.06.11
[ES6] Arrwo function Depth  (0) 2016.06.11
[ES6] Arrow function Basic Syntax  (0) 2016.06.11
0 Comments
댓글쓰기 폼