짧은 시간에 새로운 것들을 학습하고 적용하며
프로젝트를 시작하면 어떻게든 해냈지만,
또 새로 배울 것이 남았다.
새로운 것을 배우기 전에
3일 정도는 이전 학습에서 중요한 내용들을 복습하고
기본을 탄탄하게 만들고 나아가야 할 거 같아서
JS와 React의 심화 단계의 중요한 개념들을
다시 학습하는 기간을 갖도록 해본다.
일급 객체란?
일급객체는 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다.
그렇기 때문에 JS에서는 다른 언어보다 함수를 유연하게 사용할 수 있다.
const testFn = () => {
return 5;
};
const testFn = () => {
return 5;
};
function testFunc(testFn) {
// 기능~~ //
}
const testFn = (x) => {
return x + 5;
};
const test2 = (num) => {
return testFn(num);
};
console.log(test2(10)); // 15
callback 함수 : 매개변수로 사용되는 함수 - 2번 특징
고차함수: 함수를 인자로 받거나, 함수를 return 하는 함수 - 3번 특징
const person = {
name: "John",
age: 31,
isMarried: true,
sayHello: function () {
console.log(`Hi, My name is ${this.name}`);
},
};
console.log(person.sayHello()); // Hi, My name is John
// 화살표 함수는 this를 바인딩 하지 않는다.
const person2 = {
name: "John",
age: 31,
isMarried: true,
sayHello: () => console.log(`Hi, My name is ${this.name}`);
}
console.log(person2.sayHello()); // undefined
const arr = [
function sum(a, b) {
return a + b;
},
function sub(a, b) {
return a - b;
},
];
console.log(arr[0](1, 2)); // 3
console.log(arr[1](3, 3)); // 0