美文网首页
1.字符串的扩展

1.字符串的扩展

作者: KeithFu | 来源:发表于2016-11-23 18:59 被阅读0次

标签模版

采用es6实现html转义功能:

var sender = "<h1>小明</h1>";
function SaferHTML(templateData) { 
   var s = templateData[0]; 
   for (var i = 1; i < arguments.length; i++) { 
      var arg = String(arguments[i]);  
     //正则替换html标签
     s += arg.replace(/&/g, "&") .replace(/</g, "<") .replace(/>/g, ">");  
    s += templateData[i]; 
 } 
return s;
}
var message = SaferHTML`<p>${sender} has sent you a message.</p>`;

//print  message ,we get '"<p><h1>小明</h1> has sent you a message.</p>"'

String.raw

往往用来充当模板字符串的处理函数,返回一个斜杠都被转义(即斜杠前面再加一个斜杠)的字符串,对应于替换变量后的模板字符串

eg:

String.raw`Hi\n${2+3}!`;  //换行符会被转义输出,而不是换行
//有意思的应用
String.raw({ raw: 'test' }, 0, 1, 2); 
//会输出t0e1s2t,看见这样的输出,你能自己动手实现raw函数

相关文章

  • ES6 字符串、数组、函数、对象

    字符串 1. 多行字符串 2. 字符串模板 数组 1. 扩展 2. 函数参数的扩展 3. 类数组对象转数组 函数 ...

  • 1.字符串的扩展

    标签模版 采用es6实现html转义功能: String.raw 往往用来充当模板字符串的处理函数,返回一个斜杠都...

  • ES6扩展

    字符串扩展 正则扩展 数值扩展 函数扩展 对象扩展 数组扩展 字符串扩展 模版字符串 部分新的方法 padStar...

  • 六:前段笔记(3)

    1.字符串扩展 2.数值的扩展 3.数组的扩展 4.对象的深度克隆

  • Swift3常用工具类方法

    1.扩展图片 2.扩展颜色 3.扩展字符串 4.计算字符串高度 5.时间转换星期 5.金额单位转换 6.字节单位转换

  • ES6扩展

    一.字符串的扩展 1.字符串的Unicode表示法。 2.codePointAt() 3.String...

  • ES6 语法总结

    1. let,const关键词 2. 结构赋值 3. 正则扩展 4. 字符串扩展 5. 数值扩展 6. 数组扩展 ...

  • 2017-12-26es6-函数扩展

    扩展 1、字符串扩展 2、模板字符串 **** 3、数值扩展 4、函数扩展用于分页居多 rest 参数 ...变量...

  • 字符串、Math、数值的扩展方法

    1. 字符串扩展 1.1 includes()、startWith()、endsWith() 传统上,JavaS...

  • ES6语法——字符串扩展

    字符串扩展内容 如图所示: 1. 字符串中处理 Unicode 字符的方法 2. codePointAt() AP...

网友评论

      本文标题:1.字符串的扩展

      本文链接:https://www.haomeiwen.com/subject/ssmvpttx.html