你知道什么是标签函数吗

模板字符串 在 JavaScript 中编写字符串时，通常使用 （ ' ）或者 （ " ），而模板字符串使用 （`）

比如：

let str = 'javascript'

let str = "javascript"

let str = `javascript`

注意：他们都是字符串

区别之一：拼串

console.log(‘大家好我是\’老王\’')

console.log(‘尊敬的领导：\n \t你好')

但是使用模版字符串：所见即所得

区别之二:标签函数

定义：标签函数的语法是函数名后面直接带一个模板字符串，并从模板字符串中的插值表达式中获取参数

console.log `我爱你中国！！！`

具体参数说明：

标签函数的第一个参数是被嵌入符号分隔的文本的数组。第二个参数嵌入符号的内容。

function saylove(param1,param2,param3){

     console.log(param1)

     console.log(param2)

     console.log(param3)

}

let name1 = '张美女'

let name2 = ‘王帅哥'

show `我宣布:${name1}爱${name2}是真心的`

最后

对于技术栈是react的同学，应该熟悉“styled-components”-样式化组件。styled-components 就是通过 标签函数来给 React 设置 CSS 样式  了解一下

对于技术栈是vue的同学，今天刚好学了标签函数，后面入手react又新增了一份的把握。

更多同步学习资料：请关注↓↓↓