공부기록용

콜백함수 다른 코드의 인자로 넘겨주는 함수, 어떤 이벤트에 의해 호출되어지는 함수로 간단히 말해 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는 것을 말한다. 다시 말하면, 제어권을 넘겨줄테니 너가 알고 있는 그 로직으로 처리해줘! 즉, 콜백 함수는 다른 코드(함수 또는 메서드)에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수 콜백 함수를 위임받은 코드는 자체적으로 내부 로직에 의해 이 콜백 함수를 적절한 시점에 실행 function a() { B() console.log("Hello A") } function B() { C() console.log("Hello B") } function C() { console.log("Hello C") } c() > 함수는 호출을 해야..

Q1. 가장 아래의 코드가 실행 되었을 때, “Passed ~” 가 출력되도록 getAge 함수를 채워주세요 // 제시된 틀 var user = { name: "john", age: 20, } var getAged = function (user, passedTime) { // 여기를 작성해 주세요! } var agedUser = getAged(user, 6); var agedUserMustBeDifferentFromUser = function (user1, user2) { if (!user2) { console.log("Failed! user2 doesn't exist!"); } else if (user1 !== user2) { console.log("Passed! If you become older, ..

명시적 this 바인딩 자동으로 부여되는 상황별 this의 규칙을 깨고 this에 별도의 값을 저장하는 방법 call apply bind call 메서드 호출 주체인 함수를 즉시 실행하는 명령어로, 첫 번째 매개변수에 this로 binding할 객체를 넣어주면 명시적으로 binding할 수 있다. var func = function (a, b, c) { console.log(this, a, b, c); }; // no binding func(1, 2, 3); // global{ ... } 1 2 3 var func = function (a, b, c) { console.log(this, a, b, c); }; // 전역 객체를 바라보는 현상에서의 // 명시적 binding // func 안에 this로서..

실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 ✓ VariableEnvironment ✓ LexicalEnvironment ✓ ThisBindings this 다른 객체지향 언어에서의 this는 곧 클래스로 생성한 인스턴스를 말한다. 그러나 자바스크립트에서는 this가 어디에서나 사용될 수 있다. 상황에 따라 달라지는 this this는 실행 컨텍스트가 생성될 때 결정(bind)된다. 전역 공간에서의 this 런타임 환경 : 코드가 돌아가는 환경(javascript로 만들어놓은 프로그램이 구동중인 환경) 전역 환경에서 this는 노드에서는 global 객체이고, 브라우저에서는 window 객체이다. -> 노드 환경 : node 파일이름.js로 vscode 상에서 구동하고 있으니node..

🔴VariableEnvironment & LexicalEnvironment 🔴environmentRocord(=record) 🔻호이스팅 🔴outerEnvironmentReference(=outer) 🔻스코프, 스코프 체인 실행컨텍스트(스코프, 변수, 객체, 호이스팅) 자바스크립트의 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체이며, 다음과 같은 일을 한다. 선언된 변수를 위로 끌어올림 = 호이스팅(hoisting) 외부 환경 정보를 구성 this 값을 설정 이런 현상들 때문에 JS에서는 다른 언어랑은 다른 특징들이 나타나게 되는 것 스택 vs 큐 스택(Stack) 바스켓 LIFO 마지막에 들어간게 처음으로 나온다. 큐(Queue) 원통 FIFO 첫번째로 들어간게 처음으로 나온다. 콜 ..

“불변하다”. 혹은, ‘불변객체’의 개념이 왜 필요한지, 불변성을 유지하는 방 객체의 속성에 접근해서 이름을 변경_오류발생 // user 객체를 생성 var user = { name: 'wonjang', gender: 'male', }; // 이름을 변경하는 함수, 'changeName'을 정의 // 입력값 : 변경대상 user 객체, 변경하고자 하는 이름 // 출력값 : 새로운 user 객체 // 특징 : 객체의 프로퍼티(속성)에 접근해서 이름을 변경했네요! -> 가변 var changeName = function (user, newName) { var newUser = user; newUser.name = newName; return newUser; }; // 변경한 user정보를 user2 변수에 ..