JavaScript：反引号用法

JavaScript：反引号用法

1、反引号`用法

(1)反引号可以换行

ct str = `this 
is a \`string`
cole.log(str)

(2)反引号里面可以格式化字符串→ ${}

ct name = tom
ct str = `hey, ${name}, ${1  1}, ${Math.random()}`
cole.log(str)

2、反引号与函数关系

(1)反引号还可以调用函数

ct name = 	zs	;
ct gender = true;
function myTagFunc(strings){cole.log(strings)
}
ct str = myTagFunc`你好!${name}是一个${gender}` 

[ ‘你好!’, ‘是一个’, ‘’ ]

观察发现规律：反引号调用函数会自动将字符串分割为列表，并且是以${}为分隔符。

如果最后以${}结尾，会多出一个’ ，

如果最后不是以${}结尾，则是这样的：

(2)${}可以给函数传递参数

ct name = 	zs	;
ct gender = true;
function myTagFunc(strings,name,gender){cole.log(strings,name,gender)
}
ct str = myTagFunc`你好!${name}是一个${gender}呀` 

[ ‘你好!’, ‘是一个’, ‘呀’ ] zs true

()拼接参数

ct name = 	张三	;
ct gender = true;
function myTagFunc(strings,name,gender){ct  = gender ? 	男	 : 	女	; // 根据true或false判断gender方法，常用必记return strings[0]namestrings[1]strings[2]
}
ct str = myTagFunc`你好!${name}是一个${gender}呀` 
cole.log(str);

你好!张三是一个男呀