js占位符 ${} 使用

JavaScript 占位符
在 JavaScript 编程中，占位符是一种特殊的标记或符号，用于指示代码执行时应替换为实际值。占位符通常用于字符串拼接、格式化输出和动态生成代码等场景。本文将介绍 JavaScript 中常用的占位符，并提供相应的代码示例。

字符串占位符
字符串占位符是用于将变量值插入到字符串中的标记。在 JavaScript 中，最常见的字符串占位符是 ${}，被称为模板字符串或者模板字面量。通过在 ${} 中放置变量名或表达式，可以将其值插入到字符串中。
 

  let callbackParams = {
    hello: "hello1", world: "world2", welcome: "welcome3"
  }
  String.prototype.format = function () {
    // 数据长度为空，则直接返回
    let reg = /\$[\{]\w+[\}]/g
    let variableList = this.match(reg)
    // 使用正则表达式，循环替换占位符数据
    let result = this
    variableList.forEach((item,i) => {
      let key = item.match(/\{(\S*)\}/)[1]
      result = result.replace(new RegExp("\\$\\{" + key + "\\}", "g"), callbackParams[key]);
    })
    return result;
  };

  // 使用方法
  console.log("js修改原生String实现用自符串替换占位符参数一：${hello} 参数二：${world} 参数三：${welcome}格式化数据".format());