JS 样板字面值 DAY75

这里先提供一篇
我之前介绍 样板字面值 的基础介绍
https://ithelp.ithome.com.tw/articles/10249053

巢状结构
${} 可插入表达式

const person = {
    nickname: '皮杰'
}
const str = `我是 ${person.nickname}, 我有 ${person.cash = 1000 }`;
console.log(str , person.cash);

// 此种方式并非表达式，为陈述式
const person = {
    nickname: '皮杰'
}
const str = `我是 ${person.nickname}, 我有 ${ let a = 0}`;
console.log(str);

函式本身在呼叫它 也是表达式
所以可插入一个已定义好的函式 或 立即函式

const person = {
    nickname: '皮杰',
    cash: 100,
}
const str = `我是 ${person.nickname}, 我有 ${ (function(c){
    return c * 3
})(person.cash)}`;
console.log(str); // 我是皮杰，我有 300

上述例子改成箭头函式

const person = {
    nickname: '皮杰',
    cash: 100,
}
const str = `我是 ${person.nickname}, 我有 ${ ((c) => c * 3)(person.cash)}`;
console.log(str);

这里要注意一点
样板字面值 本身也是表达式
所以可以在${} 插入样板字面值 (巢状)

const person = {
    nickname: '皮杰',
    cash: 100,
}
const str = `我是 ${person.nickname},  ${`我有 ${person.cash}`}`;
console.log(str);

这里再举一个例子

CodePen: https://codepen.io/wemyferb/pen/zYBZzWB?editors=1010
那今天的介绍就到这里
若有任何问题 或 内容有误
都可以跟我说唷