# this

63개의 포스트
post-thumbnail

TIL29: Object Oriented Programming - ES5

prototype 은 모델의 Blueprint를 만들 때 사용되는 원형 객체입니다. 그리고 this 는 함수가 실행될 때, 해당 scope마다 생성되는 고유한 실행 컨텍스트(Execution Context)로써 new 키워드로 인스턴스

3일 전
·
0개의 댓글

[코어 자바스크립트] 03. this

this: 함수와 객체(method)를 나누는 유일한 기능this는 기본적으로 실행 컨텍스트가 생성될 때 결정 됨(thisBinding) → 실행 컨택스트는 함수를 호출할 때 생성 됨.따라서, this는 함수를 호출할 때 결정됨브라우져 환경 → this === wind

5일 전
·
0개의 댓글

[코어 자바스크립트] 02. 실행컨텍스트

실행할 코드에 제공할 환경 정보들을 모아놓은 객체VariableEnvironment: 현재 컨텍스트 내의 식별자들 정보 + 외부 환경정보, LexicalEnviornment의 스냅샷LexicalEnvironmnet: VariableEnvironment와 같지만 변경사항

5일 전
·
0개의 댓글
post-thumbnail

[JS] 객체지향 JS

🚩 객체지향 (Object oriented JS) 하나의 모델이 되는 청사진(blueprint> class)을 만들고 그 청사진을 바탕으로 한 객체(Object> instance:그냥 객체와 구분하기 위한 것, 청사진에 기반한 객체)를 만드는 프로그래밍 패턴 🔷

6일 전
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기 React & TypeScript 2회차 (2)

new 연산자 new 연산자가 호출되면 새로운 빈 오브젝트를 생성하고 this를 새롭게 생성된 객체에 바인드 시킨다. 새롭게 생성된 this는 constructor(생성자) 역할을 한다. foo 함수는 생성자 함수가 된다. y는 new 연산자로 호출된 foo()함수

7일 전
·
0개의 댓글

[Javascript] Koans 주요 문제 다시 보기2

primitive data type과 reference data type 1) 원시 자료형을 변수에 할당할 경우 => 값 자체의 복사 2) 원시 자료형 또는 원시 자료형의 데이터를 함수의 인자로 전달할 경우 => 값 자체의 복사 자바스크립트에서 원시 자료형이 아닌

2020년 9월 16일
·
0개의 댓글

this,매번 헷갈리는 친구

this 함수 호출시 binding되는 객체를 가리키는 변수 this는 함수가 어떻게 호출되었느냐에 따라 this가 바인딩되는 객체가 달라진다(함수 선언시에 this의 바인딩되는 객체가 결정되는 게 아니다). 이는 함수 선언시 상위 스코프가 결정되는 Lexical

2020년 9월 7일
·
0개의 댓글
post-thumbnail

Function vs Arrow Function

해당 게시글에서는 일반 함수와 화살표 함수의 차이점과 this에 대한 내용을 다룹니다.일반 함수와 화살표형 함수의 차이점을 알아보려면 우선, this의 개념부터 알아야 합니다.this는 흔히 객체지향적언어(JAVA/C ... )에서는 보통 class instance 필

2020년 9월 3일
·
0개의 댓글

코어 자바스크립트 : 03. this 정리

대부분의 객체지향 언어에서 this는 클래스로 생성한 인스턴스 객체를 의미한다. 클래스에서만 사용할 수 있기 때문에 혼란의 여지가 많지 않지만, this는 자바스크립트의 어디서든 사용할 수 있다. this는 상황에 따라 바라보는 대상이 달라지게 되는데, 어떤 이유로

2020년 9월 3일
·
0개의 댓글

2020/09/01 TIL (Destructuring, This, Call, Apply, Bind)

Destructuring (ES6)ThisCall, Apply, BindESLint...new Set(Array)예시: Array 의 경우let \[first, second, ...rest] = \[1,2,3,4,5,6]let \[,,third] = \["foo", "

2020년 9월 1일
·
0개의 댓글
post-thumbnail

어중간히 알면 안되는 JS 개념 #1 this

무심코 지나가게 될 수도 있는 "this"의 개념을 확실히 짚고 지나가 봅시다.

2020년 8월 31일
·
1개의 댓글
post-thumbnail

JavaScript This

This 1. this 와 메서드 > JavaScript에서 함수의 this는 다른 언어와 조금 다르게 동작합니다. 대부분의 경우 this의 값은 함수를 호출한 방법에 의해 결정됩니다. 자바스크립트에서 this는 런타임에 결정됩니다. 메서드가 어디서 정의되었는지에 상

2020년 8월 31일
·
0개의 댓글

TIL - this

this의 사전적 의미는 이것, JS에는 함수가 호출이 될 때 전달되는 인자 이외에 this context를 암묵적으로 전달 받게 된다.this에 바인딩 되는 객체는 함수 호출에 따라 달라진다.함수 호출 방식은 아래와 같다.함수 호출메서드 호출생성자 함수 호출apply

2020년 8월 31일
·
0개의 댓글
post-thumbnail

JavaScript 함수의 다양한 형태

함수의 다양한 형태 1. 콜백 함수 > 콜백 함수는 함수 안에서 어떤 특정한 시점에 호출되는 함수를 말합니다. 보통 콜백 함수는 함수의 매개변수로 전달하여 특정 시점에서 콜백 함수를 호출합니다. 대표적인 콜백함수의 사용 예가 자바스크립트에서의 이벤트 핸들러 처리이다.

2020년 8월 30일
·
0개의 댓글

객체지향_2)this

this는 함수 내에서 함수 호출 맥락(context)를 의미한다. 따라서 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상도 달라진다.함수 호출 시 this는 전역객체인 window와 같다메소드(객체의 소속)의 this는 해당 메소드가 속한 객체를 가르킨다.

2020년 8월 28일
·
0개의 댓글
post-thumbnail

[TIL] 2020/08/24

Today, I Learned advanced 과제였던 'parseJSON'을 완성하고 제출했다. 어제부터 작업했는데, 정말 밑 빠진 독의 밑을 고쳐놓으면 다른 부분이 새고, 그 부분을 고치면 다른 부분이 새는 느낌으로 하나하나 디버깅해가는 과정을 경험하면서 지식

2020년 8월 24일
·
0개의 댓글
post-thumbnail

[JS]this(2) - 함수 내부의 this(method)

[JS]this(2) - 함수 내부의 this(메서드 내부함수에서의 this)

2020년 8월 24일
·
0개의 댓글
post-thumbnail

[JS]this(1) - method 내부의 this

[JS]method 내부의 this

2020년 8월 23일
·
0개의 댓글

[Javascript] Object_this keyword

To access the object, a method can use the this keyword.✔️ Risky wayIt’s possible to access the object without this, by referencing it via the outer v

2020년 8월 21일
·
0개의 댓글

실행 컨텍스트(렉시컬 환경과 this)

ES3의 '중첩 스코프'와 비교하여 ES5의 '렉시컬 환경'개념에 대해 알아보고, 나아가 this바인딩에 대해서도 살펴본다.

2020년 8월 17일
·
0개의 댓글