在前端开发中,经常需要使用到 cookie 存储用户信息、状态以及其他相关数据。而在使用 cookie 时,我们不可避免地需要进行相关操作,比如添加、获取、修改、删除、有效期等等。这时候,npm 包 cookiejs 就可以帮助我们轻松地完成这些操作,让我们看看它的具体使用方法吧。
安装
我们可以通过 npm 包管理工具来安装 cookiejs,安装命令如下:
npm install cookiejs
引入
安装完成后,我们需要在前端项目中引入 cookiejs。在浏览器中可以直接通过 script 标签引入:
<script src="https://unpkg.com/cookiejs/src/cookie.js"></script>
在 Node.js 中可以通过 require 引入:
const cookie = require('cookiejs')
使用
现在我们已经完成了 cookiejs 的安装和引入,接下来就是如何使用它了。
添加 cookie
添加 cookie 可以使用 cookie.set() 方法,方法有三个参数:键、值和有效期。如果不填写有效期参数,则默认为会话级别,即关闭浏览器后 cookie 即失效。
cookie.set('name', 'cookiejs', 1) // 1 天后失效
获取 cookie
获取 cookie 可以使用 cookie.get() 方法,方法只有一个参数,即想要获取的 cookie 的键名,如果该 cookie 不存在,则返回 undefined。
const name = cookie.get('name')
修改 cookie
修改 cookie 可以使用 cookie.set() 方法,方法参数同添加 cookie。
cookie.set('name', 'cookiejs-修改后', 1)
删除 cookie
删除 cookie 可以使用 cookie.remove() 方法,方法只有一个参数,即想要删除的 cookie 的键名。
cookie.remove('name')
遍历 cookie
遍历 cookie 可以使用 cookie.forEach() 方法,方法的参数是一个回调函数,该回调函数有两个参数,分别是 cookie 的键名和 cookie 的值。
cookie.forEach((key, value) => console.log(`${key}:${value}`))
示例代码
让我们来看一下 cookiejs 的使用示例代码:
-- -------------------- ---- ------- -- -- -------- ----- ------ - ------------------- -- -- ------ ------------------ ----------- -- -- - ---- -- -- ------ ----- ---- - ------------------ ----------------- ------ ------------ -- -- ------ ------------------ --------------- -- -- ------ ------ ----- ------- - ------------------ ----------------- ------ --------------- -- -- ------ -------------------- ------ -- ------------------------------- -- -- ------ --------------------- -- ------ ------ ----- ----------- - ------------------ ----------------- ------ -------------------展开代码
结语
在前端开发中,cookie 的使用不可避免,而 cookiejs 可以帮助我们更方便地完成 cookie 相关操作。本文介绍了 cookiejs 的安装、引入以及使用方法,希望对各位前端开发者有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/69566