标记模板字面量

前几天又学到了一个知识点,记录一下:

例题1:

 1 function getPersonInfo(one, two, three) {
 2   console.log(one)
 3   console.log(two)
 4   console.log(three)
 5 }
 6 
 7 const person = 'Lydia'
 8 const age = 21
 9 
10 getPersonInfo`${person} is ${age} years old` //["", " is ", " years old"] "Lydia" 21

答案解析是如果使用标记模板字面量,第一个参数的值总是包含字符串的数组,其余的参数获取的是传递的表达式的值。附上我理解的就是第一个参数得值就是插入表达式左右部分组成的数组。因此

`${person} is ${age} years old`中的第一个参数就会分解成 [ '','is','years old'],其余两个参数分别是'Lydia'和21。


巩固一下,再来一题
1 function getPersonInfo(one, two) {
2   console.log(one)
3   console.log(two)
4 }
5 
6 const person = 'Lydia'
7 
8 getPersonInfo`My name is ${person}` //['My name is', ''] 'Lydia'

 

posted @ 2020-10-23 10:01  进击的木头ya  阅读(573)  评论(0)    收藏  举报