我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

本文聊一下javascript/nodejs中的一个很特殊的变量定义的用法,字符串定义中执行变量的运算。内容非常简单,一眼就明白。本文就列举一下常见的三种字符串定义的方式,对比就可以得出结论。

苏南大叔:JavaScript,如何理解字符串定义中重音符包裹的美元运算符? - 重音符-hero
JavaScript,如何理解字符串定义中重音符包裹的美元运算符?(图3-1)

大家好,这里是苏南大叔的程序如此灵动博客,本文记录苏南大叔和计算机代码的故事。本文记录一个特殊的字符串变量的用法。测试环境:node@16.14.2chrome@ 106.0.5249.119

测试用例

测试用例特别简单,代码如下:

let items = ["sunan"];
console.log(`${items[0].slice(0, 2)},${items.length}`);
console.log("${items[0].slice(0, 2)},${items.length}");
console.log('${items[0].slice(0, 2)},${items.length}');

主体都是:

{items[0].slice(0, 2)},${items.length}

重音符加美元符

三句代码使用了不同的符号进行包裹。分别是重音符、双引号、单引号。执行的结果是:

su,1
${items[0].slice(0, 2)},${items.length}
${items[0].slice(0, 2)},${items.length}

可见使用重音符的字符串中的变量运算通过${}被执行了。

结果截图

chrome@ 106.0.5249.119截图:

苏南大叔:JavaScript,如何理解字符串定义中重音符包裹的美元运算符? - chrome-执行结果
JavaScript,如何理解字符串定义中重音符包裹的美元运算符?(图3-2)

node@16.14.2截图:

苏南大叔:JavaScript,如何理解字符串定义中重音符包裹的美元运算符? - 被执行的字符串变量定义
JavaScript,如何理解字符串定义中重音符包裹的美元运算符?(图3-3)

相关文章

结束语

更多js相关经验文章,请点击苏南大叔的经验文章:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   js