template string

一、定义:

     template string:模版字符串,使用反引号`开头和结尾,中间可以包含占位符,占位符语法${}。

二、 基本用法:

   1. var x = 1 ;

    var y = 2 ;

    `${x}` + `${y}` //'12'

  2. var [elem1,elem2] = ['hello','world'];

     `this is first demo: ${elem1},${elem2} `;

  3. var {name,age} = {name:'andy',age:18} ;

      `${name}'s age is ${age}`;


三、 预处理

   模版字符串支持预处理,格式为 prefunc + template string;

   其中prefunc接受参数的形式为: [string], 占位符字段返回值1  , 占位符字段返回值2

   function prefunc(string){
        console.info(arguments);
  }
  var name = 'andy'
  ,    age = '100';

   prefunc `hello ${name}, the world age is ,${age}亿年`;

  // [["hello ", ", the world age is ,","亿年"],"andy","100"]

 --注:string 是被占位符分割而成的字符串片段数组


四、 优缺点:

     1.优点:

            能内嵌简单表达式

     2.缺点:

           不支持带逻辑的内嵌表达式


五、应用场景

     1. 主要用于简单模版处理


refer:

    1. http://www.tuicool.com/articles/yAfq6bq

    2.http://www.cnblogs.com/ziyunfei/archive/2012/12/12/2814219.html



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值