액세스 외부 "이"자바 스크립트 정렬 방법

Question

는이 코드가 있습니다

function some_object(...) { 
    this.data = {...}; 

    this.do_something = function(...) { 
     var arr = [...]; 

     arr.sort(function (a, b) { 
     return this.data[a] - this.data[b]; 
     }); 
    } 
} 

이 this이 sort에 액세스 할 수 없기 때문에 내 생각은 작동하지 않습니다하지만 - 다른 this 어떤 이유로 아닌 this 거기에 볼을 외부 물체를 감싸는 것.

어떻게해야합니까? 덕분에

Answer 1

다른 this은 arr.sort이라는 익명 함수 (자체 폐쇄)가 this이 주 개체와 다른 항목으로 설정된 함수를 호출하기 때문입니다. Array.sort에서 실제로 무엇을 this으로 설정했는지는 확실하지 않지만 아마 정렬 할 배열 일 것입니다. 당신의 정렬 알고리즘 (배열에 의해 제공되는 것 이외의) do_something 내에서 아무것도에 의존하지 않기 때문에

이

function some_object(...) { 
    var so = this; // so = current `this` 
    this.data = {...}; 

    this.do_something = function(...) { 
     var arr = [...]; 

     arr.sort(function (a, b) { 
     return so.data[a] - so.data[b]; 
     }); 
    } 
} 

Answer 2

, do_something 외부의 기능을 이동하는 것을 고려 :이 상황에서 주위의 정상 작동은 다른 변수를 사용하는 것입니다 :

function some_object(...) { 
    var so = this; 
    so.data = {...}; 
    var comparator = function(a,b) { return so.data[a] - so.data[b]; }; 

    this.do_something = function(...) { 
     var arr = [...].sort(comparator); 
    } 
} 

아니면 다른 곳에 정렬 이런 종류의 할 경우, 심지어 간단한 공장을 제공합니다

var comparatorFactory = function(data) { return function(a,b) { return data[a] - data[b]; } }; 
function some_object(...) { 
    var so = this; 
    so.data = {...}; 
    var comparator = comparatorFactory(so.data); 
    ... 

Answer 3

당신은 빈을 할 수 있습니다 내부 함수에 대해 bind 메서드를 호출하여 "외부"인스턴스를 "내부"함수에 추가합니다. MDN에서 자세히 알아보십시오.

예 : https://jsfiddle.net/eheobo/twv3emh7/1/

var foo = { 
    data: [1, 2, 3, 4], 
    bar: function() { 
     var printData = function(){ 
      this.data.forEach(a => console.info(a)) 
     }.bind(this) 
     printData() 
    } 
} 

foo.bar()