View
https://www.youtube.com/watch?v=qGTdmls1yYg
위 영상을 정리한 포스팅입니다.
1. 화살표 함수에서 return 까먹는 경우
const add = (a, b) => {
return a + b;
}
중괄호와 return이 연달아 있으면 생략할 수 있다.
add (1,2) // 3
const add = (a, b) => a + b;
const add = (a, b) => (a + b);
const add = (a, b) => (
a + b
)
const add = (a, b) => {
a + b
}
add(1,2) // undefined
const add = (a, b) => {
return a + b
}
return을 반드시 적어줘야 한다.
중괄호와 return이 붙어있을때 함께 생략
기본꼴은
const add = (a, b) => { return a + b };
2. 객체[값]과 객체.속성을 헷갈림
a라는 객체가 있고, 객체 안에 속성 {b : "hello"}이 있다.
객체는 a['b']로도 접근할 수 있다.
하지만 a[b]로는 접근안된다.
not defined가 나오므로 파악 가능하다
그러나 b라는 변수가 선언되어 있는경우
a[b]는 undefined가 출력된다.
b는 변수 b를 가리키게 된다.
책 등 예제는 a, b, c, d ... 등의 변수를 사용하다가
실전에 들어가면 어려움을 느낀다.
person = {};
person.name = 'zerocho';
let name = '조현영';
person['name']; // 'zerocho' 이렇게 접근해야 하는데
person[name]; // undefined 이렇게 접근하면 의도와 다른 결과
person.name 을 주로 사용하다가
name부분을 동적으로 바꿔주어야 할 때
point = {
one : 1000,
two : 100,
three : 10,
}
point[score]
let score = 'one';
point.score // undefined
point[score] // 1000 👉이렇게 쓰면 score는 변수다
point[score] 이렇게 쓰면 변수
point['score'] 값. 문자열그대로
reply