Bind

 

this.x = 9;
var module = {
  x: 81,
  getX: function() { return this.x; }
};

module.getX(); // 81

var retrieveX = module.getX;
retrieveX();
// 9 반환 - 함수가 전역 스코프에서 호출됐음

// module과 바인딩된 'this'가 있는 새로운 함수 생성
// 신입 프로그래머는 전역 변수 x와
// module의 속성 x를 혼동할 수 있음
var boundGetX = retrieveX.bind(module);
boundGetX(); // 81

this.name ='소냐';
let person1 = {
    name: '아무무'
};

let person2 = {
    name: '럭스',
    study: function() {
        console.log(this.name + '이/가 공부를 하고 있습니다.');
    }
};

person2.study(); // 럭스이/가 공부를 하고 있습니다.

let fullStudy = person2.study;
fullStudy(); //소냐이/가 공부를 하고 있습니다.

// bind()
let student = person2.study.bind(person1);

student(); // 아무무이/가 공부를 하고 있습니다.

 

Bind

---

func.bind(thisArg[, arg1[, arg2[, ...]]])

1. thisArg: 바인딩 함수가 타겟 함수의 this에 전달하는 값
2. arg1, arg2, … : func이 호출되어야 하는 인수

• bind()는 새롭게 바인딩한 함수를 만든다. 바인딩한 함수는 원본 함수 객체를 감싸는 함수이다. bind()는 call(), apply()와 같이 함수가 가리키고 있는 this를 바꾸지만 호출되지는 않다. 따라서 변수를 할당하여 호출하는 형태로 사용된다.

 

Function.prototype.bind() - JavaScript | MDN