Javascript 다양한 기능

◎ 화살표 함수

// 기존방식
function sum(num1, num2) {
	console.log('num1: ', num1, ', num2: ', num2);
	return num1 + num2;
}

// 화살표 함수
let sum = (num1,num2) => {
    console.log('num1: ', num1, ', num2: ', num2)
    return num1 + num2;}

sum(2,3)

◎ 비구조 할당방식

let blog = {
	owner : "noah",
	url : "noahlogs.tistory.com",
	getPost() { 
		console.log("ES6 문법 정리"); 
	}
};

//기존방법
let owner = blog.owner
let getPost = blog.getPost()

// 비구조 할당방식
let { owner, getPost } = blog; 

console.log(owner)   //noah

◎ 리터럴( ` 사용)

const id = "myId" ;
const url = `http://noahlog.tistory.com/login/${id}` ;

const message01 = "줄바꿈을 하려면 \n 이 기호를 써야 했죠!"
const message02 = ` 줄바꿈도 마음대로
사용이 가능합니다. ` 

◎ 객체 리터럴

var name = "스파르타";
var job = "developer";

// 기존방식
var user = {
  name: name,
  job: job
}

// 객체 리터럴
var user = {
  name,
  job
}

◎ map - 반복문의 또 다른 방식

// 기존방식
let numbers = ['가','나','다','라'];
for(let i=0; i<numbers.length; i++){
	console.log(numbers[i]);
}

// map 반복문
let numbers = ['가','나','다','라'];
numbers.map((value,i) => { 
	console.log(value,i) 
})

//가 0
//나 1
//다 2
//라 3

◎ export, import

// in util.js
export default function times(x) {
  return x * x;
}
// in app.js
import k from './util.js';
console.log(k(4)); // returns 16