함수 정의를 이해할 수 없습니다.

Question

일부 자바 스크립트 함수 선언을 알고 있습니다. exression 함수, 익명 함수와 마찬가지로, 그러나 나는이 두 함수의 어떤 종류의 구문을 이해하지 못합니까? 아무도이 두 기능의 이름이 무엇인지 말해 줄 수 있습니까? "manipulateData : function (input)"및 "getDataById : function (id)"을 의미합니다.

왜 return 문은이 구문을 사용하여 두 가지 함수를 반환 할 수 있습니까? 왜 두 함수 대신 한 함수를 반환하지 않습니까? 당신이 저에게 참고 문서를 줄 수 있다면 좋을 것 같습니까? 감사.

app.service('MyService', function ($http, $q, $angularCacheFactory) { 
    var _dataCache = $angularCacheFactory('dataCache', { 
     maxAge: 3600000 // items expire after an hour 
    }); 
    /** 
    * @class MyService 
    */ 
    return { 
     manipulateData: function (input) { 
      var output; 
      // do something with the data 
      return output; 
     }, 

     getDataById: function (id) { 
      var deferred = $q.defer(); 
      if (_dataCache.get(id)) { 
       deferred.resolve(_dataCache.get(id)); 
      } else { 
       // Get the data from the server and populate cache 
      } 
      return deferred.promise; 
     } 
    }; 
}); 

Answer 1

이러한 함수는 개체의 값일 수있는 익명의 함수입니다. 이것을 고려하십시오 :

var object = { 
    add: function(x, y) { 
    return x + y; 
    } 
}; 

object.add(1, 2); // = 3 

이 동일하다 :

function addFunction(x, y) { 
    return x + y; 
} 

var object = { 
    add: addFunction 
}; 

object.add(1, 2); // = 3 

가 객체의 단지 일반적인 특성을있어 이러한 기능에 대한 특별한 아무것도, 없다.

Answer 2

이 경우 함수가 아니라 개체를 반환합니다.

당신이 콜백 구현 (app.service의 두 번째 인수) 이 콜백은 당신이 당신의 응용 프로그램의 다른 부분에 사용할 수있게 할 방법을 반환해야을 제공해야 AngularJS와의 service을 정의

.

컨트롤러에서 다음

또는 다른 서비스에 당신이 쓸 수 있습니다 :

app.controller("MyCtrl", ["MyService", function(MyService) { 
    MyService.getDataById('an id'); 
}]); 

Answer 3

각도 서비스 앱 네임 스페이스에 결합 서비스의 인스턴스를 반환의 return 문에 이러한 기능 공개 방법은 함께 일할 수 있습니다. 기본적으로 두 개의 메서드 manipulateData 및 getDataById이 포함 된 개체입니다.

그것은`에서이

function company() { 
    let product; // This is private 

    // Public Methods 
    return { 

    setLatestProduct: function(value) { 
     product = value; 
     console.log(product, ' set'); 
    }, 

    getLatestProduct: function() { 
     return product; 
    } 
    } 

} 

const apple = company(); 
console.log(apple); // { setLatestProduct: function, getLatestProduct: function }