👉기본예제
var name = 'Max';
var age = 29;
var hasHobbies = true;
const summarizeUser = (userName, userAge, userHasHobby) =>
{return (
'Name is ' +
userName +
', age is ' +
userAge +
'and the user has hobbies: ' +
userHasHobby);};
- 화살표 함수로 정의한 기본 예제 크게 설명할건 없다.
🧐 let & const
var name = 'Max';
let age = 29;
const hasHobbies = true;
- var는 기본적인 변수 선언 방식이고 let은 final과 유사성을 보이는것 같다. 그리고 const는 그대로 쓰이는 듯
👉배열과 배열 메서드
const person = {
name : 'Max'
age : 29,
greet() {
console.log('Hi, I am ' + this.name);
}
};
const hobbies = ['Sports', 'Cooking'];
console.log(hobbies.map(hobby => return 'Hobby: ' + hobby));
console.log(hobbies);
- .map()은 기존 배열을 편집시키지 않는다.
- const는 주소를 가리킨다 따라서 .push()로 추가하면 주소의 값이 바뀌지 않으므로 에러가 발생하지않는다, 저장한 대상을 편집하는게 아니라 가리키는 값을 편집하는 것이다.
🧐 slice & spread & rest
const person = {
name : 'Max'
age : 29,
greet() {
console.log('Hi, I am ' + this.name);
}
};
const hobbies = ['Sports', 'Cooking'];
const copiedArray = hobbies.slice();
console.log(copiedArray);
- .slice()는 인수가 없으면 전체를 복사하고 인수를 넣으면 인수를 복사한다.
const person = {
name : 'Max'
age : 29,
greet() {
console.log('Hi, I am ' + this.name);
}
};
const copiedPerson = {...person};
console.log(copiedPerson);
const hobbies = ['Sports', 'Cooking'];
const copiedArray = [...hobbies];
console.log(copiedArray);
- ... 스프레드 연산자를 사용하면 기존의 배열에서 끄집어낸 모든 원소를 새로운 배열에 추가해 준다.
const toArray = (arg1, arg2, arg3) => {
return [arg1, arg2, arg3];
};
const const toArray = (...args) => {
return args;
};
console.log(toArray(1,2,3,4);
- ... rest를 사용하면 여러 인수를 하나의 배열로 묶는데 유용하다.
👉Destructuring
const person = {
name : 'Max'
age : 29,
greet() {
console.log('Hi, I am ' + this.name);
}
};
const printName = ({ name }) => {
console.log(name);
}
const { name, age } = person;
const hobbies = ['Sports', 'Cooking'];
cosnt [hobby1, hobby2] = hobbies;
console.log(hobby1, hobby2);