亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在命名常量中間使用變量

在命名常量中間使用變量

www說 2023-07-20 15:36:03
我的語言設置可以替換應用程序中的字符串。為了避免魔術字符串,我定義了命名常量,但問題是我需要在其中注入一個變量。例如,const language_settings = {   en: {     NOTIFICATION: 'Send notification to my phone',     TIME_REMANING: `Remaining time ${seconds} seconds`  },  fr: {    NOTIFICATION: 'Envoyer verification sur mon portable',    TIME_REMANING: `Temps restant ${seconds} secondes`   }}export default language_settings;當然,上面的代碼由于未定義的“秒”變量而引發異常。另外,我不想僅僅因為這個就將字符串分成兩部分。我可以在不做任何重大修改的情況下做到這一點嗎?
查看完整描述

3 回答

?
縹緲止盈

TA貢獻2041條經驗 獲得超4個贊

你可以讓它們發揮作用:


const language_settings = {

   en: {

     NOTIFICATION: 'Send notification to my phone',

     getTimeRemaining: seconds => `Remaining time ${seconds} seconds`

  },

  fr: {

    NOTIFICATION: 'Envoyer verification sur mon portable',

    getTimeRemaining: seconds => `Temps restant ${seconds} secondes`  

 }

}


查看完整回答
反對 回復 2023-07-20
?
慕妹3242003

TA貢獻1824條經驗 獲得超6個贊

您還可以使用Object.definePropertygetter/setter 動態定義對象屬性,然后利用這些函數動態設置秒值。


seconds下面的代碼片段將首先打印值為 1 的值,當seconds更改為 5 時,則記錄的語句將打印為 5。


let seconds = 1;

const language_settings = {

   en: {

     NOTIFICATION: 'Send notification to my phone',

     

  },

  fr: {

    NOTIFICATION: 'Envoyer verification sur mon portable',      

 }

}


Object.defineProperty(language_settings.en, 'TIME_REMANING', {

  get : () => { return `Remaining time ${seconds} seconds`}

});

Object.defineProperty(language_settings.fr, 'TIME_REMANING', {

  get : () => { return `Temps restant ${seconds} secondes` }

  });



console.log(seconds, language_settings.en.TIME_REMANING, language_settings.fr.TIME_REMANING);


console.log('change second to 5');

seconds = 5;


console.log(seconds, language_settings.en.TIME_REMANING, language_settings.fr.TIME_REMANING);


查看完整回答
反對 回復 2023-07-20
?
守著一只汪

TA貢獻1872條經驗 獲得超4個贊

一種快速而骯臟的方法是像這樣定義字符串:“剩余時間 $0 秒”并在每次使用它時調用 .replace(“$0”, 秒) 。我知道一款名為 CS:GO 的流行游戲就是這樣做的。

或者在 NPM 上找到一個做得更好的模板引擎

但 JS 字符串模板(反引號字符串)不是為此而設計的。您還可以使用接受值并返回生成的字符串的函數


查看完整回答
反對 回復 2023-07-20
  • 3 回答
  • 0 關注
  • 177 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號