npm 包 closure-util 使用教程-JavaScript中文网-JavaScript教程资源分享门户

closure-util 是一款功能丰富的 JavaScript 工具库，用于帮助开发人员编写高质量的代码。该工具库提供了很多常用的函数和方法，包括字符串、数组、数学计算、日期、浏览器环境、事件等等。本教程将向您介绍如何使用该 npm 包。

安装

您可以使用 npm 进行安装闭包工具。

npm install closure-util

在您的项目中引入工具库：

const cs = require('closure-util');

将字符串的首字母大写。

const s = 'hello world';
console.log(cs.capitalize(s)); // Hello world

去除字符串两端的空格。

const s = ' hello world ';
console.log(cs.trim(s)); // 'hello world'

转义字符串中的 HTML 特殊字符，防止 XSS 攻击。

const s = '<script>alert("hello world")</script>';
console.log(cs.escapeHTML(s)); // &lt;script&gt;alert(&quot;hello world&quot;)&lt;/script&gt;

将多重嵌套的数组扁平化为一维数组。

const arr = [1, [2, [3, 4]]];
console.log(cs.flatten(arr)); // [1, 2, 3, 4]

将小数四舍五入到指定位数。

const n = 3.1415926;
console.log(cs.round(n, 2)); // 3.14

将日期格式化为指定格式的字符串。

const date = new Date();
console.log(cs.format(date, 'yyyy-MM-dd')); // 2021-08-23

获取 URL 中的查询字符串。

// 假设当前 URL 为： https://example.com/?name=hello&age=18

console.log(cs.getQueryString('name')); // hello
console.log(cs.getQueryString('age')); // 18

获取指定名称的 cookie 值。

// 假设当前 cookie 为： name=hello;age=18

console.log(cs.getCookie('name')); // hello
console.log(cs.getCookie('age')); // 18

为指定元素添加事件监听器，支持跨浏览器。

const btn = document.getElementById('btn');
cs.addEvent(btn, 'click', function () {
  alert('hello world');
});

closure-util 提供了许多常用的函数和方法，方便我们编写高质量的 JavaScript 代码。本教程只是介绍了其中的一部分，您可以仔细阅读 npm 官方文档，深入了解这款工具库的功能和用法。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/5eedcc8ab5cbfe1ea06127fe