首页 > 其他 > 详细

es6模板字符串的高级用法

时间:2020-10-01 23:41:51      阅读:51      评论:0      收藏:0      [点我收藏+]

一个需求:根据传入的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}`)

打印结果:

技术分享图片

 

es6模板字符串的高级用法

原文:https://www.cnblogs.com/luguankun/p/13759389.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!