자바스크립트에서 이 키워드

In javascript, this means immediate parent context.

그러나 화살표 기능에서 이 키워드를 사용하면 직계 상위 컨텍스트를 의미하지 않습니다. 그것은 자기 맥락을 의미합니다.

*두 개의 코드 출력을 보고 차이점을 생각해 보십시오.

var title = " awesome.";
var statement = {
    name: ' MERN ',
    lang: 'Javascript',
    getDetails: function () {
        name = "normal function";
        return "lets see " + this.name+  " " + name + title;
    },
    getDetails2: () => {
        name = " arrow function";
        return "let us see " + this.name + " " + name + title;
    }

};

getDetails 함수 실행: console.log(statement.getDetails())산출:

lets see  MERN  normal function awesome.

다시 getDetails2 함수를 실행합니다: console.log(statement.getDetails2())산출:

let us see  arrow function  arrow function awesome.

여기서 출력은 화살표 함수 화살표 함수 두 번입니다. 따라서 우리는 this.name 키워드가 상위 이름인 ' MERN '을 의미하지 않는다는 것을 이해합니다.


전진

var title = " awesome.";
var statement = {
    name: ' MERN ',
    lang: 'Javascript',
    getDetails: function () {
        name = "normal function";
        return "lets see " + this.name+  " " + name + title;
    },
    getDetails2: () => {
        name = " React";
        return {
            name: "Node",
            getDetails3: function() {
                 return "lets see " + this.name+  " " + name + title;
            } 
        };
    }

};

다시 getDetails3() 함수를 실행합니다: statement.getDetails2().getDetails3()산출:

lets see Node  React awesome.

어드밴스2

다시 getDetails3() 함수를 실행합니다: statement.getDetails2().getDetails3()산출: