重学ES系列之模版字符串
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>模版字符串</title>
</head>
<body>
</body>
<script>
let name = "maomin";
let age = "20";
console.log("user="+name+" "+"age="+age);
let str = `name=${name}, age=${age}`;
console.log(str);
// 在模版字符串内可以进行调用。
function showName(params) {
return "I am maomin"
}
console.log(`${showName()}`);
// 如果通过模版字符串进行传参的话,第一个参数是一个数组,是除$以外的内容。
function add(a,b,c) {
return a[0]+b+a[1]+c
}
let out = add`name=${name},age=${age}`;
console.log(out);
// 也可以这样
function add1(name,age) {
return add`name=${name},age=${age}`
}
console.log(add1("xqm","20"))
</script>
</html>
作者:Vam的金豆之路
主要领域:前端开发
我的微信:maomin9761
微信公众号:前端历劫之路