Shin-Yeonghwa / Core_JS

Core_JS

2 stars 0 forks source link

3.2 명시적으로 this를 바인딩하는 방법 #12

Open eunzy38 opened 4 years ago

eunzy38 commented 4 years ago

study 완료 후 체크 부탁드립니다.

[x] 김혜선
[x] 전은경
[x] 서동국
[x] 김은지
[x] 이봄
[x] 오근영
[x] 정형교

Lee-Bom commented 4 years ago

3-2 명시적으로 this를 바인딩하는 방법

3-2-1 call 메서드

Function.prototype.call[thisArg[, arg1[, arg2[, ...]]]);
someFunction.call("지정할 객체","인자1","인자2",...);

3-2-2 apply 메서드

Function.prototype.apply(thisArg[, argsArray]);
someFunction.apply("지정할 객체","배열");

3-2-3 call / apply 메서드의 활용
- 매개변수로 인자를 넘겨주느냐, 배열을 넘겨주느냐의 차이
- 유사배열객체(키가 0 또는 양의 정수인 프로퍼티가 존재하고, length 프로퍼티 값이 0 또는 양의 정수인 객체)에 call / apply 메서드를 활용하여 배열 메서드를 차용할 수 있음
- 공통된 내용이 있을 경우 생성자 내부에서 다른 생성자 호출 하여 반복 줄임
- 여러 인수를 묶어 하나의 배열로 전달하고 싶을 때 apply 활용 가능
3-2-4 bind 메서드
```
Function.prototype.bind(thisArg[, arg1[, arg2[, ...]]]);
var newfunc = function(){console.log("test");}.bind(); 
```
- 넘겨받은 this 및 인수들을 바탕으로 새로운 함수를 반환하기만 하는 메서드
- 함수 내부에 있는 this는 window를 가리키지만 함수 뒤에 .bind로 불리는 순간 function이 객체로 변함 > this를 바인딩하는 새로운 함수를 반환(.bind는 함수를 반환하는 함수)
- .bind 함수의 첫번째 인자로 this를 주어 그 시점의 this를 기억하고 있는 새로운 (바인드된) 함수가 반환되는 것
- .bind에 인자를 주지 않으면 global(window) 객체, strict mode에서는 undefined 바인딩
- name 프로퍼티 name 프로퍼티를 bind하면 함수명이 XXX인 원본 함수에 bind 메서드를 적용한 새로운 함수라는 의미가 되어 추적이 쉬움(bound)
- 상위 컨텍스트의 this를 내부함수나 콜백 함수에 전달하기 내부함수에서 메서드의 this를 그대로 바라보게 하기 위해 call/apply/bind를 활용, 인자를 전달하면 깔끔하게 처리 가능(p.89)
3-2-5 화살표 함수의 예외사항
- ES6에 도입된 화살표 함수는 실행 컨텍스트 생성 시 this를 바인딩하는 과정이 제외되어 간결
- 함수 내부에 this가 없으며, 스코프체인상 가장 가까운 this에 접근하게 됨
3-2-6 별도의 인자로 this를 받는 경우(콜백 함수 내에서의 this) 요소를 순회하면서 콜백 함수를 반복 호출하는 내용의 일부 메서드(배열 메서드)는 별도의 인자로 this를 받기도 함

OHKuenYoung commented 4 years ago

3-2-1 call 메서드

메서드의 호출 주체인 함수를 즉시 실행하도록하는 명령어이며, call 메서드를 사용하면 임의의 객체를 지정할 수 있다.

var func = function (a,b,c) {
   console.log(this, a,b,c);
}

func(1,2,3); // window {...} 1 2 3
func.call({x:1}, 4,5,6); // {x:1},4,5,6

var obj = {
    a  :1,
   mathod: function (x,y) {
      console.log(this a , x, y);
   }
}

obj.method( 5,6); //  1 2 3
obj.method.call({a:4},5,6); // 4 5 6

3-2-2 apply 메서드

call 메서드와 기능적으로 동일하다. 다만 call 메서드는 첫 번째 인자를 제외한 모든 인자들을 호출할 함수의 매개변수로 지정하지만 apply 메서드는 두 번째 인자를 배열로 받아 그 배열의 요소들을 호출할 함수의 매개변수로 지정한다.

var func = function (a,b,c) {
   console.log(this, a,b,c);
}

func.apply({x:1}, [4,5,6]); // {x:1} 4 5 6

var obj = {
    a  :1,
   mathod: function (x,y) {
      console.log(this a , x, y);
   }
}

obj.method.apply({a:4},[5,6]); // 4 5 6

3-2-3 call / apply 메서드의 활용

유사배열객체에 배열 메서드를 적용 키가 0 또는 양의 정수인 프로퍼티가 존재하고 length 프로퍼티의 값이 0 또는 양의정수인 객체 유사배열객체의 경우 call 또는 apply 메서드를 이용해 배열 메서드를 차용할 수 있다.

생성자 내부에서 다른 생성자를 호출 생성자 내부에 다른 생성자와 공통된 내용이 있는 경우 call 또는 apply를 이용해 반복을 줄일 수 있다.


function Person(name, gender) {
  this.name = name;
  this.gender = gender;
}

function Student(name, gender, school) {
  Person.call(this, name, gender);
  this.school = school;
}

function Employee(name, gender, company) {
  Person.apply(this, [name, gender]);
  this.company = company;
}

var by = new Student('보영', 'female', '단국대');
var jn = new Employee('보영', 'female', '구글');

여러 인수를 묶어 하나의 배열로 전달하고 싶을 때 여러 개의 인수를 받는 메서드에게 하나의 배열로 인수를 전달하고 싶을 때 apply 메서드를 사용하면 편리하다.

var number =[10, 20, 3, 16, 45];
var max = Math.max.apply(null, number);
var min = Math.min.apply(null, number);

console.log(max, min);

3-2-4 bind 메서드

es5에서 추가 된 기능으로 call과 비슷하지만 즉시 호출하지는 않고 넘겨 받은 this 및 인수들을 바탕으로 새로운 함수를 반환하기만 하는 메서드

var func = function (a,b,c,d ) { console.log(this, a,b,c,d); }

func(1,2,3,4); // Window{...} 1,2,3,4

var bindFunc1 = func.bind({x:1});
bindFunc1(5,6,7,8); // {x:1} 5 6 7 8

name 프로퍼티 nmae 프로퍼티에 도상 bind의 수동태인 bound라는 접두사가 붙는다.

console.log(func.name) // func
console.log(bondFunc.name); // bound func

상위 컨텍스트의 this를 내부함수나 콜백함수에 전달하기

call, apply, bind 메서드를 사용한다면 self 등의 변수를 활용한 우회 방법보다 더 간단히 처리할 수 있다.

var obj = {
  outer: function() {
    console.log(this);
    var innerfunc = function() {
      console.log(this);
    }
    innerfunc.call(this);
  }
}

//////

var obj = {
  outer: function() {
    console.log(this);
    var innerfunc = function() {
      console.log(this);
    }.bind(this);
    innerfunc();
  }
}

3-2-5 화살표 함수의 예외사항

ES6에 도입된 화살표 함수는 실행 컨텍스트 생성 시 this를 바인딩하는 과정이 제외 되었다.

var obj = {
  outer: function () {
    console.log(this);
    var innerFunc = () => {
      console.log(this);
    };
    innerFunc();
  }
}
obj.outer;

3-2-6 별도의 인자로 this를 받는 경우

콜백 함수를 인자로 받는 메서드 중 일부는 추가로 this로 지정할 객체를 인자로 지정할 수 있는 경우가 있다.

var report = {
  sum: 0,
  count: 0,

  add: function() {
    var args = Array.prototype.slice.call(arguments);
    args.forEach(function (entry) {
      this.sum += entry;
      ++this.count;
    },this);
  },

  average: function() {
    return this.sum / this.count;
  }
};

report.add(60, 85, 95);
console.log(report.sum, report.count, report.average()); // 240 3 88

eunzy38 commented 4 years ago

1. call 메서드

메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령
함수를 그냥 실행하면 this는 전역객체를 참조하시만 call 메서드를 이용하면 임의의 객체를 this로 지정할 수 있음

2. apply 메서드

call 메서드와 기능적으로 완전히 동일

call 메서드와 apply 메서드의 차이

call 메서드는 첫번째 인자를 제외한 나머지 모든 인자들을 호출할 함수의 매개변수로 지정하는 반면, apply 메서드는 두번째 인자를 배열로 받아 그 배열의 요소들을 호출할 함수의 매개변수로 지정한다

3. call / apply 메서드의 활용

유사배열객체에 배열 메서드를 적용

키가 0 또는 양의 정수인 프로퍼티가 존재하고 length 프로퍼티의 값이 0 또는 양의 정수인 객체, 즉 배열의 구조와 유사한 객체의 경우(유사배열객체) call 또는 apply 메서드를 이용해 배열 메서드를 차용할 수 있다

생성자 내부에서 다른 생성자를 호출

생성자 내부에 다른 생성자와공통된 내용이 있을 경우 call 또는 apply를 이용해 다른 생성자를 호출하면 간단하게 반복을 줄일 수 있다

여러 인수를 묶어 하나의 배열로 전달하고 싶을 때 - apply 활용

여러 개의 인수를 받는 메서드에게 하나의 배열로 인수들을 전달하고 싶을 때 apply 메서드 사용

call/apply 메서드는 명시적으로 별도의 this를 바인딩하면서 함수 또는 메서드를 실행하는 훌륭한 방법 단점: 이로 인해 this를 예측하기 어렵게 만들어 코드 해석을 방해하게 됨

4. bind 메서드

call과 비슷하지만 즉시 호출하지는 않고, 넘겨 받은 this 및 인수들을 바탕으로 새로운 함수를 반환하기만 하는 메서드
bind 메서드는 함수에 this를 미리 적용하는 것과 부분 적용 함수를 구현하는 두 가지 목적을 지님

name 프로퍼티

name 프로퍼티에 동사 bind의 수동태인 'bound'라는 접두어가 붙음

상위 컨텍스트의 this를 내부함수나 콜백 함수에 전달하기

self 변수를 활용한 우회방법보다 call, apply, bind 메서드를 이용하면 더 깔끔하게 처리가 가능

5. 화살표 함수의 예외사항

ES6에서의 화살표 함수는 실행 컨텍스트 생성 시 this를 바인딩하는 과정이 제외됨
이 함수 내부에는 this가 아예 없으며, 접근하고자 하면 스코프체인상 가장 가까운 this에 접근하게 됨

6. 별도의 인자로 this를 받는 경우(콜백 함수 내에서의 this)

콜백 함수를 인자로 받는 메서드 중 일부는 추가로 this로 지정할 객체를 인자로 지정할 수 있는 경우가 있음

KimHyeSeon commented 4 years ago

2. 명시적으로 this를 바인딩하는 방법

1) call 메서드

function.prototype.call(thisArg[, arg1[, arg2[, ...]]])

메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령어

첫 번째 인자를 this로 바인딩, 이후의 인자들을 호출할 함수의 매개변수로 함

var obj = {
a : 1,
method: function (x,y) {
    console.log(this.a, x, y);
}
};
obj.method(2,3);                   // 1 2 3
obj.method.call({ a: 4 }, 5, 6);    // 4 5 6

2) apply 메서드

function.prototype.apply(thisArg[, argsArray])

call 메서드와 기능적으로 완전 동일

두 번째 인자를 배열로 받아 그 배열의 요소들을 호출할 함수의 매개변수로 지정함

var func = function(a, b, c) {
console.log(this, a, b, c);
};
func.apply({ x: 1}, [4, 5, 6]);    // { x : 1 } 4 5 6
var obj = {
a : 1,
method: function (x, y) {
    console.log(this.a, x, y);
}
};
obj.method.apply({ a: 4 }, [5, 6])    // 4 5 6

3) call / apply 메서드의 활용

유사배열객체에 배열 메서드를 적용

키가 0 또는 양의 정수인 프로퍼티가 존재하고 length 프로퍼티의 값이 0 또는 양의 정수인 객체, 즉 배열의 구조와 유사한 객체의 경우(유사배열객체) call 또는 apply 메서드를 이용해 배열 메서드를 차용할 수 있음

생성자 내부에서 다른 생성자를 호출

생성자 내부에서 다른 생성자와 공통된 내용이 있을 경우 call/apply를 이용해 다른 생성자를 호출하면 반복을 줄일 수 있다.

여러 인수를 묶어 하나의 배열로 전달하고 싶을 때 - apply 활용

여러 개의 인수를 받는 메서드에게 하나의 배열로 인수들을 전달하고 싶을 때 apply 메서드를 사용
call/apply 메서드는 this를 예측하기 어렵게 만들어 코드 해석을 방해하는 단점을 갖고 있음

4) bind 메서드

function.prototype.bind(thisArg[, arg1[, arg2[, ...]]])

즉시 호출하지는 않고 넘겨 받은 this 및 인수들을 바탕으로 새로운 함수를 반환하기만 하는 메서드
```
var func = function (a, b, c, d) {
console.log(this, a, b, c, d);
};
func(1, 2, 3, 4);     // window{ ... } 1 2 3 4
```

var bindFunc1 = func.bind({ x : 1 }); bindFunc1(5, 6, 7, 8); // { x : 1 } 5 6 7 8

var bindFunc2 = func.bind({ x : 1 }, 4, 5); bindFunc2(6, 7); // { x : 1 } 4 5 6 7 bindFunc2(8, 9); // { x : 1 } 4 5 8 9

name 프로퍼티

name프로퍼티에 동사 bind의 수동태인 'bound'라는 접두어가 붙음

var func = function (a, b, c, d) {
console.log(this, a, b, c, d);
};
var bindFunc = function({ x : 1}, 4, 5);
console.log(func.name);          // func
console.log(bindFunc.name);    //bound func

상위 컨텍스트의 this를 내부함수나 콜백 함수에 전달하기

self 변수를 활용한 우회방법보다 call, apply, bind 메서드를 이요하면 더 깔끔하게 처리가 가능

var obj = {
outer: function() {
    console.log(this);
    var innerFunc = function() {
        console.log(this);
    };
    innerFunc.call(this);
}
};
obj.outer();
---------------------------------------
var obj = {
outer : function() {
    console.log(this);
    var innerFunc = function() {
        console.log(this);
    }.bind(this);
    innerFunc();
}
};
obj.outer();

5) 화살표 함수의 예외사항

ES6에서 화살표 함수는 실행 컨텍스트 생성 시 this를 바인딩하는 과정이 제외됨
이 함수 내부에는 this가 아예 없으며, 접근하고자 하면 스코프체인상 가장 가까운 this에 접근하게 됨

6) 별도의 인자로 this를 받는경우(콜백 함수 내에서의 this)

콜백 함수를 인자로 받는 메서드 중 일부는 추가로 this를 지정할 객체(thisArg)를 인자로 지정할 수 있는 경우가 있음

hyeonggyo commented 4 years ago

3-2 명시적으로 this를 바인딩 하는 방법

3-2-1 call 메서드

메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명력
call 메서드의 첫번째 인자를 this로 바인딩 하고 이후의 인자들을 호출할 함수의 매개변수로 함
함수를 그냥 실행하면 this는 전역 개체를 참조하지만 call 메서드를 이용하면 임의의 객체를 this로 지정할 수 있다

3-2-2 apply 메서드

apply 메서드는 call 메서드와 기능적으로 동일하다
apply 메서드는 두번째 인자를 배열로 받아 그배열의 요소들을 호출할 함수의 매개변수로 지정한다는 차이가 있다

3-2-3 call/apply 메서드의 활용

유사배열객체에 배열메서드를 적용

객체에는 배열 메서드를 직접 적용할 수 없다
키가 0 또는 양의 정수인 프로퍼티가 존재하고 length 프로퍼티의 값이 0 또는 양의 정수인 객체, 즉 배열의 구조와 유사한 객체의 경우 call 또는 apply 메서드를 이용해 배열 메서드를 차용할 수 있다

생성자 내부에서 다른 생성자 호출

생성자 내부에 다른 생성자와 공통된 내용이 있을 경우 call 또는 apply를 이용해 다른 대상자를 호출하면 간단하게 반복을 줄일수 있다

3-2-4 blind 메서드

call 과 비슷하지만 즉시 호출하지는 않고 넘겨 받은 this 및 인수들을 바탕으로 새로운 함수를 반환하기만 하는 메서드
다시 새로운 함수를 호출할때 인수를 넘기면 그 인수들은 기존 bind 메서드를 호출할때 전달했던 인수들의 뒤에 이어서 등록된다

name 프로퍼티

bind 메서드는 name 프로퍼티에 bound 라는접두어가 붙는다는 독특한 성질이 있다
어떤 함수의 name 프로퍼티가 bound xxx 라면 함수명이 xxx인 원본 함수에 bind 메서드를 적용한새로운 함수라는 의미가 되므로 코드를 추적하기에 수월하다

상위 컨텍스트의 this를 내부함수나 콜백 함수에 전달하기

self 등의 변수를 활용한 우회법 보다 call, apply 또는 bind 메서드를 이용하면 더 깔끔하게 처리할 수 있다

3-2-5 화살표 함수의 예외사항

ES6에 새롭게 도입된 화살표 함수는 실행 컨텍스트 생성 시 this를 바인딩하는 과정이 제외되었다

3-2-6 별도의 인자로 this를 받는 경우(콜백 함수 내에서의 this)

콜백 함수를 인자로 받는 메서드 중 일부는 추가로 this로 지정할 객체를 인자로 지정할 수 있는 경우가 있다
이런 형태는 여러 내부 요소에 대해 같은 동작을 반복 수행해야 하는 배열 메서드에 많이 포진돼 있다

jeonEK commented 4 years ago

2. 명시적으로 this를 바인딩하는 방법 2-1. call 메서드

Function.prototype.call(thisArg[, arg1[, arg2[, ...]]])

메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령어
call 메서드의 첫번째 인자를 this로 바인딩하고 이후의 인자들을 호출할 함수의 매개변수로 합니다. 함수를 그냥 실행하면 this는 전역객체를 참조하지만 call메서드를 이용하면 임의의 객체를 this로 지정할 수 있음.

2-2. apply 메서트

Function.portotype.apply(thisArg[, argsArray])

call 메서드와 기능적으로 완전히 동일
call 메서드는 첫번째 인자를 제외한 나머지 모든 인자를 호출할 함수의 매개변수로 지정하는 반면, apply 메서드는 두번째 인자를 배열로 받아 그 배열의 요소들을 호출할 함수의 매개변호로 지정한다는 점이 차이.

2-3. call / apply 메서드의 활용

유사배열객체에 배열 메서드를 적용

키가 0 또는 양의 정수인 프러퍼티가 존재하고 length 프로퍼티의 값이 0 또는 양의 정수인 객체, 즉 배열의 구조와 유사한 객체의 경우 call 또는 apply 메서드를 이용해 배열 메서드를 차용할 수 있다.

생성자 내부에서 다른 생성자를 호출

생성자 내부에 다른 생성자와 공통된 내용이 있을 경우 call 또는 apply를 이용해 여러 인수를 묶어 하나의 배열로 전달하고 싶을 때 apply 활용
여러개의 인수를 받는 메서드에게 하나의 배열로 인수들을 전달하고 싶을 때 apply 메서드를 사용하면 좋음
Math.max / Math.min 메서드에 apply를 적용하면 코드가 훨씬 간단해짐
call/ apply 메서드는 명시적으로 별도의 this를 바인딩하면서 함수 또는 메서드를 실행하는 훌륭한 방법이지만 오히려 이로 인해 this를 예측하기 어렵게 만들어 코드 해석을 방해한다는 단점이 있음

2-4. bind 메서드

즉시 호출하지 않고 넘겨받은 this 및 인수들을 바탕으로 새로운 함수를 방환하기만 하는 메서드
함수에 this를 미리 적용하는 것과 부분 적용함수를 구현하는 두가지 목적을 지님

name 프로퍼티

bind 메서드를 적용해서 새로만든 함수는 name 프로퍼티에 동사 bind의 수동태인 'bound'라는 접두어가 붙는 독특한 성질이 있음

상위 컨텍스트의 this를 내부함수나 콜백 함수에 전달하기

calll, apply 또는 bind 메서드를 이용하면 self등의 변수 우회법 보다 더 깔끔하게 처리 가능

2-5. 화살표 함수의 예외사항

Es6 에 새롭게 도입된 화살표 함수는 실행 컨텍스트 생성 시 this를 바인딩하는 과정이 제외 되었음

2-6. 별도의 인자로 this를 받는 경우(콜백함수 내에서의 this)

콜백 함수를 인자로 받는 메서드 중 일부는 추가로 this로 지정할 객체를 인자로 지정할 수 있는 경우가 있음.

콜백 함수와 함께 thisArg를 인자로 받는 메서드

Array.prototype.forEach(callback[, thisArg])
Array.prototype.map(callback[, thisArg])
Array.prototype.fliter(callback[, thisArg])
Array.prototype.some(callback[, thisArg])
Array.prototype.every(callback[, thisArg])
Array.prototype.find(callback[, thisArg])
Array.prototype.findIndex(callback[, thisArg])
Array.prototype.from(callback[, thisArg])
sat.prototype.forEach(callback[, thisArg])
Map.prototype.forEAch(callback[, thisArg])

dongggook commented 4 years ago

2. 명시적으로 this를 바인딩하는 방법

2-1. call 메서드

Function.prototype.call(thisArg[, arg1[, arg2[, ...]]])

call 메서드는 메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령이다.
call 메서드의 첫 번째 인자를 this로 바인딩하고, 이후의 인자들을 호출할 함수의 매개변수로 한다.
```
let func = function(a, b, c) {
console.log(this, a, b, c);
};
```

func(1, 2, 3); // Window{...} 1 2 3 func.call({x: 1}, 4, 5, 6); // {x: 1} 4 5 6

## 2-2. apply 메서드
```javascript
Function.prototype.apply(thisArg[, argsArray]);

apply 메서드는 call 메서드와 기능적으로 완전히 동일하다.
apply 메서드는 두번 째 인자를 배열로 받아 그 배열의 요소들을 호출할 함수의 매개변수로 지정한다는 점만 call 메서드와 다르다.
2-3. call / apply 메서드의 활용

2-3-1. 유사배열객체에 배열 메서드를 활용

배열의 구조와 유사한 유사배열객체에 call / apply 메서드를 이용해 배열 메서드를 사용한다.
유사배열 객체 : 키가 0 또는 양의 정수인 프로퍼티가 존재하고 length 포로퍼티의 값이 0 또는 양의 정수인 객체, 즉 배열의 구조와 유사한 객체
```
var obj = { 
0:'a', 1:'b', 2:'c', length : 3 
}; 
Array.prototype.push.call(obj, 'd'); // push : 마지막에 추가
console.log(obj); // { 0:'a', 1:'b', 2:'c', 3:'d', length : 4}
```

var arr = Array.prototype.slice.call(obj); // slice : 배열의 일부를 선택하여 새로운 배열을 만듬 console.log(arr); // ['a', 'b', 'c', 'd']

- push() 메서드 : 배열의 끝에 원소를 추가할 때 사용하는 메서드
- slice() 메서드 : 시작 인덱스값과 마지막 인덱스값을 받아 시작값부터 마지막값의 앞부분까지의 배열 요소를 추출하는 메서드이나, 매개변수를 아무것도 넘기지 않을 경우에는 그냥 원본 배열의 얕은 복사본을 반환한다.

### 2-3-2. 생성자 내부에서 다른 생성자를 호출

생성자 내부에 다른 생성자와 공통된 내용이 있을 경우 call 또는 apply를 이용해 다른 생성자를 호출하면 간단하게 반복을 줄일 수 있다.

### 2-3-3. 여러 인수를 묶어 하나의 배열로 전달하고 싶을 때 - apply 활용

여러 개의 인수를 받는 메서드에게 하나의 배열로 인수들을 전달하고 싶을 때 apply 메서드를 사용하는 것이 좋다.

### 2-3-4. bind 메서드
```javascript
Function.prototype.bind(thisArg[, arg1[, arg2[, ...]]]);

call과 비슷하지만 즉시 호출하지는 않고, 넘겨 받은 this 및 인수들을 바탕으로 새로운 함수를 반환하기만 하는 메서드이다.
bind 메서드는 함수에 this를 미리 적용하는 것과 부분 적용 함수를 구현하는 두 가지 목적을 모두 지닌다.

2-3-5. 화살표 함수의 예외사항

ES6에 새롭게 도입된 화살표 함수는 실행 컨텍스트 생성 시 this를 바인딩하는 과정이 제외됨
화살표 함수 내부에는 this가 아예 없으며, 접근하고자 하면 스코프체인상 가장 가까운 this에 접근하게 된다.
```
var obj = { 
    outer : function(){
         console.log(this); //{outer: ƒ} 
         var innerFunc = () => { 
             console.log(this); //{outer: ƒ}
    }; 
    innerFunc(); 
} 
}; 
obj.outer();
```
화살표 함수로 바꾸는 경우 별도의 변수로 this를 우회하거나 call/apply/bind를 적용할 필요가 없어 간결하게 관리가 가능

2-3-6. 별도의 인자로 this를 받는 경우(콜백 함수 내에서의 this)

콜백 함수를 인자로 받는 메서드 줄 일부는 추가로 this로 지정할 객체를 인자로 지정할 수 있는 경우가 있다.
메서드의 객체 값을 지정하면 콜백 함수 내부에서 this 값을 원하는 대로 변경할 수 있다.
내부 요소에 대해 같은 동작을 반복 수행해야 하는 배열 메서드에 많이 포진돼 있다.
```
Array.prototype.forEach();
Set.prototype.forEach();
Map.prototype.forEach();
```

Array.prototype.map(); Array.prototype.filter(); Array.prototype.some(); Array.prototype.every(); Array.prototype.find(); Array.prototype.findIndex(); Array.prototype.flatMap(); Array.prototype.from();


thisArg를 인자로 받는 메서드는 여러개가 있다.