javascript_javascript 기술에서 바인드 사용 소개

var person = {
name: '앤드류',
job: '웹 프런트 엔드 개발자',
gender: 'male',
sayHello: function() {
return '안녕하세요, 저는 'this.name', a 'this.job입니다.
}
}
console.log(person.sayHello()) // 안녕하세요, 저는 웹 프론트엔드 개발자 Andrew입니다.
var anotherGuySayHello = person .sayHello.bind({
name:'Alex',
job: '백엔드 C# 개발자'
})
console.log(anotherGuySayHello()); // 안녕하세요, 저는 백엔드 C# 개발자 Alex입니다.

function add(arg1, arg2, arg3, arg4) {
return arg1 ' ' arg2 ' ' arg3 ' ' arg4; var addMore = add.bind({}, 'a', 'b')
console.log(addMore('c', 'd')) // a b c d


브라우저에서 이 방법이 당분간 지원되지 않지만 멋지다고 생각하면 MDN에서도 참조 구현을 제공합니다. 이 구현은 다음과 같습니다.

함수. 프로토타입.bind = function(oThis) {
if( typeof this !== 'function') {
throw new TypeError('Function.prototype.bind - 바인딩하려는 항목을 호출할 수 없습니다.');
}
var fSlice = Array.prototype.slice,
aArgs = fSlice.call(arguments, 1),
fToBind = this,
fNOP = function() {},
fBound = function() {
return fToBind.apply(이 fNOP 인스턴스 ? this : oThis || window, aArgs.concat(fSlice.call(arguments)))
fNOP.prototype; = this.prototype;
fBound.prototype = new fNOP ();
return fBound;
}


코드의 마지막 몇 줄은 프로토타입 체인, 여기서 fBound는 바인딩 함수를 호출하는 하위 클래스입니다. 구현을 위해 런타임에 결정되는 fBound = function(){ return ... } 부분을 주의 깊게 살펴볼 수 있습니다. 여기서 고려해야 할 사항은 new를 사용하여 함수(생성자 메서드)를 호출하는 경우입니다.
다음 예는 설명의 편의를 위해 MDN에서 직접 가져온 것입니다.

Point; .prototype .toString = function() {
return this.x ',' this.y;
var p = new Point(1, 2)
p.toString() ; / / 1,2
var emptyObj = {};
var YAxisPoint = Point.bind(emptyObj, 0)
var axisPoint = new YAxisPoint(5); ; / / 0, 5
axisPoint 인스턴스of Point; // true
axisPoint 인스턴스of YAxisPoint;
더 깊은 이해를 돕기 위해 기사 링크는 마지막에 제공됩니다
MDN:
https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind



MSDN:
http://msdn.microsoft.com/en-us/library/ff841995(v=vs.94).aspx