Javascript私有函數和object.prototype擴展

Question

我有以下angularJS服務

define(["angular"], function(Angular) {

var dataStorageService = function() {
    var serviceConstructor = function() {
        var _getColor = function(color) {
            return this.config.categoryColorMapping.colors[color];
        }
    }

    var serviceInstance = new serviceConstructor();

    angular.extend(serviceInstance.prototype, {
        config: {
            numberOfMessagesDisplayed: 5,
            maxTitleLength: 48,
            maxPreambleLength: 140,
            categoryColorMapping: {
                colors : {
                    nyheter: '#2B2B2B',
                    sport: '#F59331',
                    underholding: '#F9B00D'
                },
                categories: {
                    nyheter: _getColor('nyheter'),
                    sport: _getColor('sport'),
                    underholding: _getColor('underholding')
                }
            }
        },
        get: function(param) {
            if(this.config.hasOwnProperty(param)) {
                return this.config[param];
            } else {
                console.warn('Playlist::configService:no "' + param + '" config found');
                return false;
            }
        },
        set: function(param, value) {
            this.config[param] = value;
        }
    });

    return serviceInstance;
};

return dataStorageService;
});

現在，我的目標是公開以下方法：

1. 得到
2. 組

並且我想將'_getColor'方法設為私有，但是我想在JSON對象配置中使用它。 當我運行代碼時

“ ReferenceError：_getColor未定義”

這樣可以實現嗎？ （要具有_getColor私有並在angular.extend的JSON對象中使用它？）

Answer 1

添加到prototype函數是在構造函數的詞法范圍之外定義的，因此無法訪問“私有”方法。

前者在所有實例之間共享，后者在每個實例之間共享。 解決此問題的唯一方法是將（每個實例）函數顯式導出為實例的屬性，使其成為非私有的。

Answer 2

函數可以共享，也可以是私有的，但是必須在構造函數中定義實例專用的私有成員。 由於您的私有函數不需要訪問實例特定的私有成員，因此可以執行以下操作：

define(["angular"], function(Angular) {

var dataStorageService = function() {
    var serviceConstructor = function() {
    }

    var serviceInstance = new serviceConstructor();
    //IIFE returning object that will have private members as closure
    // privileged methods have to be in the same function body as the
    // private fucnction
    serviceInstance.prototype = (function() {
        var _getColor = function(instance, color) {
            return instance.config.categoryColorMapping.colors[color];
        };
        return {
          constructor: serviceConstructor
          ,config: {
            numberOfMessagesDisplayed: 5,
            maxTitleLength: 48,
            maxPreambleLength: 140,
            categoryColorMapping: {
                colors : {
                    nyheter: '#2B2B2B',
                    sport: '#F59331',
                    underholding: '#F9B00D'
                },
                categories: {
                    //since categories is a sub object of serviceinstance.categorycolormapper
                    // it is not possible to get the instance of serviceinstance
                    // at this time unless you set it in the constructor
                    // solution could be that each serviceinstance has it's own categorycolormaper
                    // and when categorycolormapper is created pass the serviceinstance instance
                    nyheter: _getColor(this,'nyheter'),
                    sport: _getColor(this, 'sport'),
                    underholding: _getColor(this, 'underholding')
                }
            }
          },
          get: function(param) {
            if(this.config.hasOwnProperty(param)) {
                return this.config[param];
            } else {
                console.warn('Playlist::configService:no "' + param + '" config found');
                return false;
            }
          },
          set: function(param, value) {
            this.config[param] = value;
          }
        }
    }());

    return serviceInstance;
};

return dataStorageService;
});

有關構造函數和原型的更多信息，請參見： https : //stackoverflow.com/a/16063711/1641941

Answer 3

在serviceConstructor的定義內，在_getColor的定義后添加以下行

serviceConstructor.prototype._getColor = _getColor ;