介绍
在前端开发中，我们经常需要合并字符串和变量，这种情况下我们可以手动使用字符串拼接函数 +，或者使用 ES6 中的模板字符串 ${}。但当变量较多时，手动拼接代码量变大，容易出错。而 npm 包 str-format 正好解决了这个问题，支持类似 C 语言的格式化字符串。
安装
在使用 str-format 前，要先安装它。可以使用 npm 安装：
npm install str-format
使用方法
简单使用
str-format 是一个函数，接收两个参数：
formatString：格式化字符串，其中%符号可以用来引入值。values：一个数组或对象，用于填充格式化字符串中的%标记。
使用数组填充字符串
const format = require('str-format');
const text = format('{0} is {1} years old', ['David', 24]);
console.log(text);
// 输出 'David is 24 years old'使用对象填充字符串
const format = require('str-format');
const text = format('{name} is {age} years old', { name: 'David', age: 24 });
console.log(text);
// 输出 'David is 24 years old'引入占位符
str-format 支持不同类型的值。常见的占位符类型有：
%s：字符串%d：整数%f：浮点数
const format = require('str-format');
const text = format('The %s costs %d dollars', ['book', 20]);
console.log(text);
// 输出 'The book costs 20 dollars'引入格式化设置
可以在占位符后面加上格式化设置。常见的格式化设置有：
%.2f：控制浮点数的精度%04d：控制整数的位数，不足的地方用 0 填充
const format = require('str-format');
const text = format('My score is: %.2f, and my id is %04d', [90.567, 31]);
console.log(text);
// 输出 'My score is: 90.57, and my id is 0031'使用默认值
当填充值不存在时，可以使用默认值。格式化字符串中的占位符可以使用 {name!default} 的形式，其中 default 是默认值，name 是填充值的名称。
const format = require('str-format');
const text = format('My name is {name!Unknown}', {});
console.log(text);
// 输出 'My name is Unknown'总结
str-format 是一个很实用的 npm 包，可以帮助前端开发人员快速且准确地合并字符串和变量。掌握 str-format 的使用方法，可以提高代码编写的效率，避免因手动拼接字符串而造成的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b8481e8991b448d91a2