标签：pre   vue   功能   UNC   slice   str   加强   fnr   框架   

格式化字符串（二）

直接使用字符串“.”方法的方式格式化字符串。

加强了字符串原有的replace，也就是说，字符串的原有原生方法，用法不变。

String.replace({JSON},|Boolean|?)

1. 入门用法。

   例如：

    var string = "{name}是一个实用的{type}，包含很多有趣的功能。".replace({ name: "v2", type: "前端轻量级框架" });
    console.log(string); // => v2是一个实用的前端轻量级框架，包含很多有趣的功能。

   说明：
   用法{Naming}¹的方式嵌入字符串中。

2. 初级用法。

   例如：

    var string = "{name.v2}是一个实用的{type.slice(2)}，包含很多有趣的功能。".replace({ name: { v2: "v2", vue: "vue" }, type: "前端轻量级框架" });
    console.log(string); // => v2是一个实用的轻量级框架，包含很多有趣的功能。

   说明：
   用法{Naming.[Naming|Function]}²的方式嵌入字符串中。

3. 中级用法。

   例如：

    var string = "{name.v2 + \"和\" + name.vue}都是实用的{type.slice(2)}，包含很多有趣的功能。".replace({ name: { v2: "v2", vue: "vue" }, type: "前端轻量级框架" });
    console.log(string); // => v2和vue都是实用的轻量级框架，包含很多有趣的功能。

   说明：
   用法{Naming.[Naming|Function] [*^<%>+/-] + Naming.[Naming|Function]}³的方式嵌入字符串中。

4. 高级用法。

   例如：

    var string = "{name.v2 + \"和\" + name.vue}都是{level?.very}实用的{type.slice(2)}，包含很多有趣的功能。".replace({ name: { v2: "v2", vue: "vue" }, level: { very: "【非常】" }, type: "前端轻量级框架" });
    console.log(string); // => v2和vue都是【非常】实用的轻量级框架，包含很多有趣的功能。
   
    var string = "{name.v2 + \"和\" + name.vue}都是{level?.very}实用的{type.slice(2)}，包含很多有趣的功能。".replace({ name: { v2: "v2", vue: "vue" }, type: "前端轻量级框架" });
    console.log(string); // => v2和vue都是实用的轻量级框架，包含很多有趣的功能。

   说明：
   用法{Naming?.[Naming|Function]}⁴的方式嵌入字符串中。

5. 进价级用法。

   例如：

    var string = "{.?.name}是一个优秀的前端框架？".replace(null);
    console.log(string); // => 是一个优秀的前端框架？

   说明：
   用法{.?.Naming]}⁵的方式嵌入字符串中。
   均可与以上四种方式排列组合执行。

参考代码：Github

格式化字符串（二）

标签：pre   vue   功能   UNC   slice   str   加强   fnr   框架   

原文地址：https://www.cnblogs.com/vbing/p/10048901.html