es6模板字符串的高级用法

一个需求：根据传入的type显示价格：

es5写法

 // es5写法
        // type    0 批发  1 零售
        let type = 0
        let pf = 16  // 批发价
        let ls = 20  // 零售价
        function getPrice(type) {
            let showText = ''
            if (type === 0) {
                showText = '你此次购买的批发价是' + pf
            } else {
                showText = '你此次购买的零售价是' + ls
            }
            return showText
        }
        console.log(getPrice(0));

es6写法

// es6写法
        // strings 代表固定内容 是数组
        function getPrice2(strings,type) {
           let s1 =  strings[0]
           let showText = ''
           if (type === 0) {
                showText = '批发价是' + pf
            } else {
                showText = '零售价是' + ls
            }
            return  `${s1}${showText}`
        }
        console.log(getPrice2`你此次购买的${0}`)

打印结果：