JavaScript(7)本地存储,函数深入理解

2023-11-16

1,本地存储

1.1本地存储特性

  • 数据存储在用户浏览器中
  • 设置和读取数据方便,而且页面刷新不丢失数据
  • 容量较大,sessionStorage约5M,localStorage约20M
  • 只能存储字符串,可以将对象JSON.stringify()编码后存储

1.2sessionStorage

特点

  • 生命周期为关闭浏览器窗口
  • 在同一个窗口下数据可以共享
  • 以键值对的形式存储使用
    方法:
方法 说明
sessionStorage.setltem(key,value) 存储数据
sessionStorage.getltem(key) 获取数据
sessionStorage.removeitam(key) 删除数据
sessionStorage.clear() 清空数据

1.3localStorage

特点

  • 声明周期永久生效,除非手动删除,否则关闭页面也存在
  • 可以多窗口共享
  • 以键值对的形式存储使用
    方法
方法 说明
localStorage.setItem(key, value) 存储数据
localStorage.getItem(key) 获取数据
localStorage.removeItem(key) 删除数据
localStorage.clear() 清空数据

2,深入理解函数

2.1函数的声明

有两种方式:自定义函数与函数表达式

2.1.1自定义函数

//语法格式
function 函数名称(参数列表) {
		函数体
		[return]
}
//function是声明函数的关键字,必须小写
//function关键字后面必须跟函数名,函数名一般使用动词,需要符合明明规则
//函数名后跟一对小括号,小括号后是一对大括号,大括号内为函数体

2.1.2函数表达式

//语法格式
var 函数引用名称 = function {
		函数体
		[return]
}
//函数表达式声明函数仍要使用function关键字
//由于这种定义没有名字,因此需要把函数赋值给一个变量

2.2函数调用

根据函数的声明方式不同调用函数的方式也略有不同
对于自定义函数方式来声明函数,使用函数名称来调用。比如:

function myFuncyion(){
}
//调用
myFunction();

如果是函数表达式来声明的函数,只能在声明语句之后调用,不能在声明语句之前调用
如果是自定义函数来声明的表达式,在声明函数语句的前后都可以调用

2.3立即执行函数

2.3.1定义语法

(function() {
		函数体
} )()
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript(7)本地存储,函数深入理解 的相关文章

  • Jasmine 条件 callThrough 和 callFake

    我有一个返回函数引用的方法 function methodetobeMoked param case1 return func1 case 2 return func2 case n return funcN 我需要监视这个方法并返回特定输
  • 在使用 jQuery 拖动时向元素添加 CSS 类

    是否可以在元素被拖动到特定区域时向其添加 CSS 类 并在元素被删除后替换该类 我并不是到处寻找这个功能 而是只在特定区域寻找这个功能 是的 这当然有可能 jQuery UI 提供了一些方便的选项和事件来执行此操作 对于初学者来说 可拖动元
  • Redux 状态在窗口重新加载时重置(客户端)

    我有非常大且复杂的对象 例如 userInfo chatInfo 等 就像具有非常大且嵌套信息的对象和数组一样 每次刷新页面时 我的 React 应用程序都会重置 redux 状态 我必须再次调用所有这些 API 我对这个主题做了一些研究
  • Exceljs:迭代每行和每列的每个单元格

    我想在所有单元格中添加粗边框 这是一个有角度的项目 我正在使用打字稿 我可以为 1 个单元格做到这一点 worksheet getCell A1 border top style thick left style thick bottom
  • 方向改变后的javascript最大视口高度Android和iOS

    目标 查找设备的最大视口高度 包括设备的空间address bar这样我们就可以动态调整 min body 的大小并将内容向上推 问题 移动浏览器处理方向状态的方式不同 方向变化时更新 DOM 属性的方式也不同 使用 JavaScript
  • 获取 pdf 第 1 页(共 2 页)的图像

    我正在使用 html2canvas 和 jsPDF 以及 Angular4 创建图像 我想将此图像放置在 2 页生成的 pdf 的第 1 页上 但似乎这条线 doc save test pdf 需要在函数内部htm2canvas 因为如果我
  • 使用 Javascript 对象模型在 SharePoint 任务上设置“分配给”

    我想创建一个共享点任务并将其分配给我自己 当前用户 在 javascript 对象模型中 我有下面的代码 但我认为我需要设置 spusercollection 对象 而不是设置特定用户 但是 我似乎无法在任何地方找到如何执行此操作的任何示例
  • 如何垂直打印数组中的字符串元素? [关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我有一个数组 我想垂直打印每个元素 例如 myArr abc def ghi 输出应该是 a d g b e h c f
  • 使用 jQuery 更改 SVG 元素的“xlink:href”属性

    我正在尝试使用单击事件更改 xlink href 属性 到目前为止它部分有效 这就是我正在做的 HTML a href class ui btn ui corner all ui shadow editIcon style text ali
  • 根据数据更改图例颜色高图表

    我可以根据数据动态设置列的颜色 但无法弄清楚如何更改图例中的颜色 请注意 jsfiddle 最新的条形图是绿色的 但图例是蓝色的 有没有办法改变列颜色也会改变图例颜色 这是我用于列颜色的代码 jsfiddle http jsfiddle n
  • 'DOMException:使用'option:selected'选择器时无法在'Element'上执行'querySelectorAll'

    我正在运行一个页面 该页面在以下行中引发错误 var label select find option selected html select find option first html 为了完整起见 这里是完整的 jQuery 函数
  • Webpack:如何将 javascript 注入 HTML 而不是单独的 JS 文件

    有没有办法让 webpack 将输出注入 HTML 而不是单独的文件 我不得不使用html webpack inline source plugin https github com DustinJackson html webpack i
  • 单击时突出显示文本(javascript jquery html)

    当您在所有浏览器中双击某个单词时 它们会自动突出显示单击下的单词 但是否有可能找到一种方法exact单击一下就会发生同样的事情吗 我想这涉及到的事情可能是 TextRange 的东西 对所有段落 或整个正文或 div 的 onclick 做
  • javascript 中一次仅选中一个复选框

    I have 3复选框 我只想1一次选中的复选框 下面是我的 html 小提琴 JS小提琴 https jsfiddle net n03jLhqa 我想要这个工作在IE8还请建议如何做 这个怎么样 fiddle http jsfiddle
  • 调用不带括号的 javascript 函数

    以下 renderChat 函数用于将消息和图像渲染到聊天板上 该函数内部还有另一个函数 var onComplete function 它完成创建列表元素并将其附加到聊天列表的所有工作 onComplete函数之后就只有这三行代码 img
  • JavaScript 按名称获取当前作用域中的变量

    所以我有一个变量和该变量名称的字符串 function Factory string var foo bar console log foo is equal to this string 如果变量所在的对象是当前对象 如何从字符串文字中获
  • 按钮导致页面重新加载

    我在我的页面上使用 html 和 jquery 在我的 html 中 我有一个按钮 单击该按钮将触发一个功能 当页面加载时 我调用文档准备中的主函数 这是我的代码 div div
  • jQuery 单击附加元素不起作用

    我有一个数组 我正在从 Array 获取数据并在 jQuery Append to list 中使用它 但是当我单击列表项时 它只显示最后一个元素 var array 1 2 7 3 4 8 5 6 9 for var i 0 i lt a
  • onClick 事件适用于触摸屏设备上的触摸吗?

    我用过onclick我的网站上的活动 但是 当我在谷歌浏览器的开发人员模式移动视图中打开它时 触摸使用鼠标单击的元素没有任何反应 所以我的问题是 我还必须添加吗ontouch事件连同onclick事件或 onClick 事件适用于所有触摸屏
  • 在 Map() 的条目上使用 Promise.all

    我正在使用 Map 来表示一些键 值对 let myMap new Map myMap set foo bar myMap set foo2 bar42 对于每个 Map 条目 我执行一个返回 Promise 的函数 所有这些 Promis

随机推荐

  • 苹果电脑快速安装双系统 Winclone镜像包,2021最新一键安装Windows7/Windows10/windows11镜像

    苹果电脑快速安装双系统 Winclone镜像包 2021最新一键安装Windows7 Windows10 windows11镜像 Windows10专业版 21H2 19044 Windows11专业版 22000 71 一 使用步骤 安装
  • CUDA并行库Cooperative Groups

    1 Cooperative Groups 在 CUDA 编程中 高效的并行算法往往需要线程协作 threads cooperate 以及共享数据 share data 来完成集体计算 collective computations 要共享数
  • 数据结构经典面试题:多种方法实现字符串循环移位

    来源 我是码农 转载请保留出处和链接 本文链接 http www 54manong com id 12 问题描述 要求在时间复杂度和空间复杂度分别为O n 和O 1 的条件下把一个长度为N的字符串循环左移M位 例如将长度为9的字符串 123
  • C语言中的警告overflow in implicit constant conversion

    程序很简单 1 include
  • Docker容器与虚拟化技术:Docker架构、镜像操作

    目录 一 理论 1 Doker概述 2 Docker核心概念 3 Docker安装 4 Docker的镜像管理命令 二 实验 1 Docker安装 2 查看Docker信息 3 Docker的镜像管理命令 三 问题 1 如何注册Docker
  • C++友元声明与定义依赖关系

    ifndef A H define A H include
  • 小程序日期(日历)时间 选择器组件

    封装一个小程序日期 日历 时间 选择器组件 简要说明 一共两个版本 date time picker 和 date time picker plus date time picker 弹窗层是 基于 vant weapp 的 van pop
  • 机器学习之数据预处理

    1 导入需要的库 Numpy Pandas 2 导入数据集 3 处理丢失数据 数据可能是因为各种原因丢失 未了不降低机器学习模型的性能 需要处理数据 我们可以用整列的平均值 或中间值替换丢失的数据 我们用sklearn preprocess
  • STM32F103-定时器

    STM32F103系列的单片机一共有11个定时器 其中 1个系统嘀嗒定时器 2个看门狗定时器 2个基本定时器 TIM6和TIM7 4个通用定时器 TIM2 TIM5 2个高级定时器 TIM1和TIM8 基本定时器 TIM6和TIM7 只具有
  • springmvc+mongodb+maven 项目搭建配置

    操作步骤我就不再细化了 项目能运行 测试过了 先上配置 另一篇文章上代码 源码地址 http pan baidu com s 1pJslZ0v 项目结构 pom xml
  • react井字棋---最全井字棋小游戏教程

    上一期我们利用create react app搭建了好了一个react项目 这期我们通过跟随React官方教程 编写一个 井字棋 小游戏 来熟悉react的基本用法 首先来看下 井字棋 的最终实现效果 从演示中我们可以看到 这个游戏大致有以
  • JavaScript Math

    JavaScript Math 算数 对象 Math 算数 对象的作用是 执行常见的算数任务 在线实例 round 如何使用 round random 如何使用 random 来返回 0 到 1 之间的随机数 max 如何使用 max 来返
  • 14.进程间通信

    一 进程间通信概述 1 目的 1 数据传输 一个进程需要将它的数据发送给另一个进程 2 资源共享 多个进程之间共享同样的资源 3 通知事件 一个进程需要向另一个或一组进程发送消息 通知它们发生了某种事件 4 进程控制 有些进程希望完全控制另
  • 再谈Linux epoll惊群问题的原因和解决方案

    差别是什么 差别只是西装 缘起 近期排查了一个问题 epoll惊群的问题 起初我并不认为这是惊群导致 因为从现象上看 只是体现了CPU不均衡 一共fork了20个Server进程 在请求负载中等的时候 有三四个Server进程呈现出比较高的
  • Git进行pull时,出现please enter the commit message for your changes...

    在服务端更新代码时 git pull时总是出现需要编辑一个commit message git status 查看了下 原来是服务端有部分代码需要commit后尚未push导致 这种问题 解决办法如下 如果你本地仓库不需要push 这里编辑
  • 自定义指令、具名卡槽的使用与演示

    目录 一 v model简化代码 二 sync修饰符 三 ref 与 refs 四 自定义指令 五 插槽 默认插槽 六 具名卡槽 一 v model简化代码 1 目标 父组件通过v model简化代码 实现子组件和父组件数据双向绑定 2 如
  • np.array()函数

    函数调用方法 numpy array object dtype None 各个参数意义 object 创建的数组的对象 可以为单个值 列表 元胞等 dtype 创建数组中的数据类型 返回值 给定对象的数组 普通用法 import numpy
  • 【C语言】用迭代法求平方根。

    include
  • jar包启动、停止、重启脚本

    启动命令 sh start sh start 停止命令 sh start sh stop 重启命令 sh start sh restart 注意 1 把test jar改成自己的jar包名 2 把文件命名为start sh 在linux环境
  • JavaScript(7)本地存储,函数深入理解

    1 本地存储 1 1本地存储特性 数据存储在用户浏览器中 设置和读取数据方便 而且页面刷新不丢失数据 容量较大 sessionStorage约5M localStorage约20M 只能存储字符串 可以将对象JSON stringify 编