Javascript Prototyp Funktion, die Wert von Array

Question

zurückgeben Ich habe vor kurzem begonnen, Prototyp zu lernen und wollte fragen, ob es eine Möglichkeit gibt, so etwas zu machen, aber in funktionierender Form, wenn ich this.lang[array][keys][here] oder etwas ähnliches verwenden würde Wert von this.defaults.translations zurückgeben Der Grund dafür ist, dass ich eine lang-Funktion machen möchte, in der geprüft wird, ob ein gegebener Index existiert, und wenn nein, wird er auf die Standardsprache zurückgreifen.

function Test() { 
    this.output(); 
} 

Test.prototype.defaults = { 
    lang: 'en', 
    translations: { 
     en: { 
     something: [ 
      'Something here' 
     ] 
     } 
    } 
}; 

Test.prototype.lang = function() { 
    return this.defaults.translations[this.defaults.lang]; 
}; 

Test.prototype.output = function() { 
    return this.lang['something'][0]; 
}; 

var test = new Test(); 

AKTUALISIERT: gefunden Lösung, überprüfen Sie meine Antwort unten!

Answer 1

Sie müssen lang anrufen (oder einen Getter verwenden).

function Test() {} 
 
Test.prototype.defaults = { 
 
    lang: 'en', 
 
    translations: { 
 
    en: { 
 
     something: [ 
 
     'Something here' 
 
     ] 
 
    } 
 
    } 
 
}; 
 
Test.prototype.lang = function() { 
 
    return this.defaults.translations[this.defaults.lang]; 
 
}; 
 
Test.prototype.output = function() { 
 
    return this.lang()['something'][0]; 
 
}; 
 
console.log(new Test().output()); // 'Something here'

Answer 2

nur einen Getter verwenden:

Test.prototype.getLang = function getLang(lang) { 
    return this[lang] || someDefaultLang; 
}; 

var test = new Test(); 
console.log(test.getLang("en")); 

Wenn Sie schicker sein wollen und müssen nicht alt IE unterstützen Sie diese abwechselnd tun können:

Object.defineProperty(Test.prototype, "lang", { 
    get: function(lang) { 
    return this[lang] || someDefaultLang; 
    } 
}); 

console.log(test.en); 

arbeitet in IE 9 +

Answer 3

Sie tun es einfach so;

function Test() {}; 
 

 
Test.prototype.defaults = { 
 
    lang: 'en', 
 
    translations: { 
 
     en: { 
 
     something: [ 
 
      'Something here' 
 
     ] 
 
     } 
 
    } 
 
}; 
 

 
Test.prototype.lang = function() { 
 
    return this.defaults.translations[this.defaults.lang]; 
 
}; 
 

 
Test.prototype.output = function() { 
 
    return this.lang(); 
 
}; 
 

 
var test = new Test(); 
 

 
console.log(test.output());

Answer 4

Es hängt sehr stark von Ihren zukünftigen Bedürfnissen, aber eine andere Option ist mit statischen Eigenschaften:

function Test() { 
 
    } 
 

 
    Test.defaults = { 
 
     lang: 'en', 
 
     translations: { 
 
      en: { 
 
      something: [ 
 
       'Something here' 
 
      ] 
 
      } 
 
     } 
 
    }; 
 

 
    Test.prototype.lang = function() { 
 
     return Test.defaults.translations[Test.defaults.lang]; 
 
    }; 
 

 
    Test.prototype.output = function() { 
 
     return this.lang()['something'][0]; 
 
    }; 
 

 
    var test = new Test(); 
 
    alert(test.output());

Answer 5

gefunden Lösung gibt es was ich getan habe, um zu verwalten, was ich wollte.

function Test() {} 
 

 
Test.prototype.defaults = { 
 
    lang: 'en_GB', 
 
    fallbackLang: 'en_US', 
 
    translations: { 
 
     en_US: { 
 
     strings: [ 
 
      'Color', 
 
      'Chips' 
 
     ] 
 
     }, 
 
     en_GB: { 
 
     strings: [ 
 
      'Colour', 
 
      'Crisps' 
 
     ] 
 
     } 
 
    } 
 
}; 
 

 
Test.prototype.splitToArray = function(array, string) { 
 
    Array.prototype.forEach.call(string.split('.'), function(key) { 
 
     if (typeof array !== "undefined") { 
 
      array = array[key]; 
 
     } 
 
    }); 
 

 
    return array; 
 
}; 
 

 
Test.prototype.__ = function (key) { 
 
    var self = this, 
 
     translation = this.splitToArray(self.defaults.translations[self.defaults.lang], key); 
 

 
    if (typeof translation === "undefined") { 
 
     // Set to fallback language if translation is not found 
 
     translation = this.splitToArray(self.defaults.translations[self.defaults.fallbackLang], key); 
 

 
     if (typeof translation === "undefined") { 
 
      // return given key if translation is not found 
 
      return key; 
 
     } 
 
    } 
 

 
    return translation; 
 
}; 
 

 
console.log(new Test().__('strings.0'));