2024/05/17 3

콜백함수 (Callback)

콜백 함수란?콜백 함수는 다른 코드의 인자로 넘겨주는 함수입니다.뜻을 살펴보면 callback은 '호출'의 의미를 갖는 call과 '되돌아오다'의 의미를 갖는 back의 합성어로 되돌아 호출해달라는 명령입니다.쉽게 말해서 어떤 함수 X를 호출하면서 '특정 조건을 만족할 때' 함수 Y를 실행해서 반환해달라는 요청을 함께 보내는 것입니다. 이처럼 콜백 함수는 다른 함수(메서드)에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수입니다. 콜백 함수를 위임받은 코드는 자체적인 내부 로직에 의해 이 콜백 함수를 조건이 만족할 때 실행할 것입니다. 제어권호출 시점다음은 setInterval 함수를 통한 콜백 함수 예제입니다.var count = 0;var callbackFunc = function() { c..

코드/JavaScript 2024.05.17

undefined와 null의 차이

자바스크립트의 '없음'을 나타내는 값은 undefined와 null로 두 가지가 있습니다.두 값의 의미는 같은 것 같지만 미세하게 다르고, 사용하는 목적 또한 다릅니다. Undefinedundefined는 사용자가 명시적으로 지정할 수도 있고, 자바스크립트 엔진이 자동으로 부여하는 경우도 있습니다. 다음은 자바스크립트 엔진이 자동으로 undefined를 부여하는 경우는 세 가지 경우입니다.// 값을 대입하지 않은 변수, 즉 데이터의 영역의 메모리 주소를 지정하지 않은 식별자에 접근할 때var a;console.log(a) // undefiend// 객체 내부의 존재하지 않는 프로퍼티에 접근하려고 할 때var obj = { a: 1};console.log(obj.b); // undefined// retur..

코드/JavaScript 2024.05.17

얕은 복사와 깊은 복사

얕은 복사와 깊은 복사얕은 복사(shallow copy) - 바로 아래 단계의 값만 복사하는 방법깊은 복사(deep copy) - 내부의 모든 값들을 하나하나 전부 복사하는 방법 다음은 얕은 복사를 구현한 함수와 객체 복사 결과를 보여주는 코드이다.// 기존 정보를 복사해서 새로운 객체를 반환하는 함수 (얕은 복사)var copyObject = function(target) { var result = {}; for (var item in target){ result[item] = target[item]; }}var user = { name: 'kim', info: { gender: 'male', age: '26' }};var user2 = ..

코드/JavaScript 2024.05.17