Life and IT

https://dev.to/sag1v/javascript-the-this-key-word-in-depth-4pkm JavaScript - The "this" key word in depth Follow these 6 rules to determine what “this” is bound to dev.to The challenge this 키워드에 대한 MDN의 정의는 다음과 같다. 대부분의 경우, this 키워드는 함수가 어떻게 호출되는지(runtime binding; 실시간 바인딩)에 따라 결정된다. 그것은 실행 중에 인자에 의해 설정될 수는 없으며, 함수가 호출될 때마다 값이 달라질 수 있다. MDN의 정의대로 this는 런타임에서 결정된다. 런타임 정의> 런타임이란 컴파일 과정을 마친 프로그램이 사..

https://dev.to/liaowow/take-this-quiz-understand-how-this-works-in-javascript-44dj Take 'this' Quiz, Understand How 'this' Works in JavaScript Among all the abstract ideas JavaScript has to offer, the 'this' keyword can be one of the most chall... dev.to Challenge #1 const call = { caller: "mom", says: function() { console.log(`Hey, ${this.caller} just called.`); } }; call.says(); What will the ..

https://dmitripavlutin.com/javascript-this-interview-questions/#question-1-variable-vs-property 7 Interview Questions on "this" keyword in JavaScript. Can You Answer Them? 7 interview questions to challenge your knowledge on "this" keyword in JavaScript. dmitripavlutin.com Question 4: Artificial method How can you call logMessage function so that it logs "Hello, World!"? const object = { message..

https://dmitripavlutin.com/javascript-this-interview-questions/#question-1-variable-vs-property 7 Interview Questions on "this" keyword in JavaScript. Can You Answer Them? 7 interview questions to challenge your knowledge on "this" keyword in JavaScript. dmitripavlutin.com 위 사이트에서 정확한 this의 객체를 파악하는 능력을 기르기 위한 7가지 퀴즈가 있어 풀이해보려 한다. 아직 this를 찾는 일이 쉽지 않아 이렇게 문제를 보면 풀어보면서 꾸준히 연습해야겠다. Question 1: Var..

MDN에서 function.prototype.apply()에 대해 공부하면서 폭풍 검색을 하던 중 this에 대해 공부하게 되었다. this는 메소드를 호출한 객체를 담는 속성이다. this를 함수의 이자로 넘기어 this의 값들을 사용하고, 변경할 수 있다는 것이다. 또한 메소드를 호출한 객체가 무엇이냐에 따라 value와 this.value가 같을 수도, 달라질 수도 있다. this가 만들어지는 5가지의 경우를 통해 이해해보려고 한다. 일반 함수에서의 this 중첩 함수에서의 this 이벤트에서의 this 메소드에서의 this 메소드 내부의 중첩 함수에서의 this 1. 일반 함수에서의 this var value = 10; function case1 () { this.value = 11; value ..