inflearn logo
강의

講義

知識共有

モダンJavaScript(ES6+)の基本

4. アロー関数とインスタンス、アロー関数の特徴

prototype의 메소드 내부에 화살표 함수가 작성된 경우

230

Hyobin Kim

投稿した質問数 81

1

안녕하세요

강의내용을 따라하다가 한가지 질문이 생겨서 글을 씁니다

prototype에 연결한 함수, 그러니까 method안에다가 화살표함수를 사용한 경우에서 말인대요

여기서 이 method의 스코프는 인스턴스이고, 그걸 화살표 함수가 this로서 사용한다고 이해를 했습니다

그래서 debugger를 붙여서 브라우저의 개발자 모드로 확인해봤는데, 

const Point = function(){
    this.point = 100;
};

Point.prototype.getPoint = function(){      // Set an Arrow Function in a normal function that is set under "prototype"
    const add = () => this.point +20;
    console.log(add());
    [1, 2].forEach((value) => {
        console.log(this.point + value);    // the "this" of the Arrow Function takes the "this" of its scope, which is the method, "getPoint()"
    })                                      // the scope of "getPoint()" is the instance
};

new Point().getPoint();

debugger;

저기에 나오는 console.log(this.point + value)에서 this에 마우스를 가져가보면 Window라고 뜨고, 

this.point위로 마우스를 가져가 보면 undefined가 뜹니다 원래 이런건가요?

es6 javascript

回答 0

let 변수 호이스팅

0

382

1

[정리시간]부족하지만...

3

239

0

[제네레이터함수, yield를 활용한 무한 덧셈] 식, result += yield result를 어떻게 이해 해야할까요???

0

408

1

자바스크립트도 컴파일을 하나요?

0

629

1

틀린부분 질문드립니다

0

305

1

clear() 메소드 관련 질문

0

251

0

실행 시점

0

162

0

yield에 대해 질문이 있습니다.

0

304

2

window 오브젝트에서의 함수표현식 호출

0

279

1

Unicode 관련 정리

2

227

1

화살표 함수의 this 의 정적 스코프 참조 부분 질문드립니다.

0

205

1

선생님께서 ES5 심화과정에서 알려주신 event 처리 방법 나이스입니다!

1

214

1

안녕하세요.선생님 질문이 생겨서 글남깁니다.

0

204

1

안녕하세요.선생님 질문 있습니다.

1

264

2

Array.from()이랑 Array.of()랑 설명이 뒤바뀐 것 같아요..

0

179

1

Arrow Function 에서 Scope 관련 질문이 있습니다.

1

299

5

setPrototypeOf() 는 정의에 대해 헷갈린 점 질문 드립니다.

5

234

1

[강의자입니다] 브라우저 디버거 창의 오른쪽에 let, const 변수 표시

5

290

0

디버깅 맨 처음부터 Script에 globalLet이 설정되어있습니다.

1

244

1

강의 pdf 파일 공개 부탁드립니다

0

171

1

아 전역에 let을 선언해도 순서대로 읽는군요;;

2

241

1

Symbol.species 질문입니다.

0

421

1

글의 정리가 안되어있어 삭제했습니다.

0

164

1

DevTools > Sources 에서 Block을 볼 수 없어요!

0

278

4