js中的标签函数（字符串模板）

今天学到了一个新的知识点，标签函数
是将一个字符串模板作为实参传给一个函数

function f(a){console.log(a)}
const b = 1
f`a${b}c`

这段代码的输出结果如下

这里的形参a其实接收的是字符串模板中除去${}之外的字符串所组成的数组，每一个${}都相当于一个分隔符，而想要接收${}所表示的字符串，需要额外的形参，有几个${}就需要多几个形参，如下

function foo(a,b,c){console.log(a)console.log(b)console.log(c)
}
let par1 = "第一个参数"
let par2 = "第二个参数"
foo`abc${par1}def${par2}gh`

运行结果如下

js中的标签函数（字符串模板）相关推荐

js中的concat函数-字符串拼接+数组拼接
js中的concat函数-字符串拼接+数组拼接一.concat() 方法用于字符串拼接字符串 let str1 = "abc"let str2 = "123" ...
Vue.js 中的渲染函数是什么？如何使用渲染函数？
Vue.js 中的渲染函数是什么?如何使用渲染函数? Vue.js 是一款流行的前端框架,它提供了许多方便的工具和 API,用于构建交互式的用户界面.其中,渲染函数是 Vue.js 中一个强大的工具, ...
关于js中的eval函数
关于JS中的eval()函数 eval()函数的定义和用法 JavaScript中的 eval() 函数可以计算eval中的参数(JavaScript 字符串),并把它作为脚本代码来执行. ...
js中的offset函数和position
js中的offset函数,其本身是个对象,它含有两个属性,top和left,其属性值是数字,无单位,是针对文档内容的,即浏览器而position函数,也有上述两个属性,但它是针对父元素的偏移量转载 ...
php new对象调用函数,关于JS中new调用函数的原理介绍
这篇文章主要介绍了关于JS中new调用函数的原理介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 JavaScript 中经常使用构造函数创建对象(通过 new 操作符调用一个函数) ...
js中同名的函数的调用情况
转自:https://www.cnblogs.com/wshiqtb/p/3480597.html html中如果出现函数同名时: 如果有多个外部引入的js文件,例如a.js和b.js(引入顺序假定是 ...
JS中自动执行函数小结
JS中自动执行函数小结请看以下两个函数: 1.function a(){ 2. alert("a") 3.} 1.var b= function(){ 2. aler ...
underscore.js中的节流函数debounce及trottle
函数节流 throttle and debounce的相关总结及想法一开始函数节流的使用场景是:放止一个按钮多次点击多次触发一个功能函数,所以做了一个clearTimeout setTimeou ...
js中json数组和字符串互转
js中json数组和字符串互转 const jsonStr1 = JSON.stringify( res.responseObject); //json转字符串.//const area = J ...

js中的标签函数（字符串模板）

js中的标签函数（字符串模板）相关推荐

最新文章

热门文章