你知道什么是标签函数吗

85 阅读1分钟

模板字符串 在 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}是真心的

image.png

最后

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

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

更多学习视频学习资料请参考:B站搜索“我们一起学前端”  

我们一起学前端的个人空间_哔哩哔哩_Bilibili