前端国际化原理解析

<script>
  // 1. 定义 msg 值的数据源
  const messages = {
    en: {
      msg: 'hello world'
    },
    zh: {
      msg: '你好世界'
    }
  }
  // 2. 定义切换变量
  let locale = 'en'
  // 3. 定义赋值函数
  function t(key) {
    return messages[locale][key]
  }
  // 4. 为 msg 赋值 
  let msg = t('msg')
  console.log(msg);
  // 修改 locale， 重新执行 t 方法，获取不同语言环境下的值
  // 总结
    // 通过一个变量来 控制 语言环境
    // 所有语言环境下的数据源要 预先 定义好
    // 通过一个方法来获取 当前语言 下 指定属性 的值
    // 该值即为国际化下展示值
</script>