목록js (26)
솔미는 성장중
하나의 함수에서 함수 자기 자신을 내부에서 다시 호출하는 것 기본적으로 무한 동작하기 때문에 필요할 때 멈춰줄 수 있게 만들어줘야 한다. 예시) 재귀 함수를 통해 최상위 포식자 찾기 const animalA = {name: 'A', predator: null} const animalB = {name: 'B', predator: animalA} const animalC = {name: 'C', predator: animalB} const getFinalPredator = animal => { if(animal.predator){ return getFinalPredator(animal.predator) } return animal.name //A } console.log(getFinalPredator(ani..

함수가 실행될 때 인수로 들어가는 함수 콜백함수는 하나의 데이터로써 사용됨 콜백은 실행위치를 보장하는 용도로 많이 사용된다! 예시 1 : b는 콜백(함수) const a = callback => { callback() console.log('A') } const b = () => { console.log('B') } a(b) //B //A 예시2 : 실행 지연 함수 & 콜백 함수 사용해보기 const sum = (a,b,c) => { setTimeout(()=> { c(a+b) }, 1000) } console.log(sum(1,2, value=>{ console.log(value) })) 해석 (흐름) setTimeout() 함수 내에서 return을 쓰더라도 그것은 setTimeout함수의 retur..
즉시 실행 함수 (IIFE) Immediately-Invoked Function Expression 별도의 호출 없이 바로 실행되길 바랄 때 사용 주로 변수를 전역으로 선언하는 것을 피하기 위해 사용 내부에서 선언한 변수는 외부에서 접근 불가 사용 패턴 1번째 방식 (화살표 함수) (F) ( ) (() => {})() 2번째 방식 (일반 함수) (F) ( ) (function() {})() 3번째 방식 (F( ) ) ((function() {})()) 4번째 방식 ! F ( ) !function() {}() 5번째 방식 + F ( ) +function() {}() const a = 5 const double = () => { console.log(a*2) } (() => {console.log(a*2)}..
함수 선언하는 방식 1. 함수 선언문 function A(매개변수) { } 2. 함수 표현식 const A = function (매개변수) { } ------------------------------------------------ 3. 화살표 함수 const A = (매개변수) => { } 그 중 화살표 함수에 대해 알아보도록 하겠습니다! 화살표 함수의 패턴 매개변수가 1개라면 매개변수를 감싼 소괄호를 없앨 수 있다. (0개, 2개, 3개, ... 모두 다 생략하면 안 됨) const A = x => {} 함수 로직이 return키워드로 시작한다면 대괄호와 함께 생략해줄 수 있다. const B = ..
💻 객체 구조 분해 할당 const user = { name: 'solmi', age: 99 } function getName(user) { return user.name } console.log(getName(user)) //solmi const user = { name: 'solmi', age: 99 } function getName(user) { const { name } = user return name } console.log(getName(user)) //solmi const user = { name: 'solmi', age: 99 } function getName({ name }) { return name } console.log(getName(user)) //solmi 이 예시에 주목하기 ..