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)本地存储,函数深入理解 的相关文章

  • 如何在javascript中计算日出和日落?

    我正在使用appcelerator titan开发一个IOS应用程序 我想让我的应用程序在日出和日落时向用户发送本地通知 解决这个问题的一个好工具是使用 YQL 的雅虎天气 但是 雅虎天气仅供非商业用途 我正在尝试找到一个javascrip
  • javascript 使用 onclick 创建按钮

    我正在尝试使用 javascript 创建一个具有 onclick 事件的按钮 该事件调用 head 中定义的函数 该函数接收相对于按钮的 dom 对象作为参数 我该怎么做呢 ex
  • 您可以使用 JavaScript 触发自定义 HTML5 表单错误吗?

    如果我有一个像这样的输入
  • 如何在光标下的所有元素上调用 mouseover?

    我有一个网络应用程序 每次单击时都会创建一个点 见下文 当我将鼠标悬停在一堆点上时 我希望光标下的每个点都会触发 mouseover 或 mouseenter 事件 然而 只有一个事件被触发 即堆栈 顶部 的点的事件 当鼠标移动到一堆多个点
  • 在javascript中使用“return !0”有什么意义吗?

    如果您转到谷歌结果页面并运行rwt toString 你会看到这个函数的返回调用是 return 0 我想不出任何理由为什么这不会总是如此true 这只是一个简写吗true 还是还有更多事情发生 总是如此 但下载需要 2 个字节 0是 2
  • 未捕获的类型错误:this.props.signinUser 不是一个函数(…)

    src actions index js import axios from axios const ROOT URL http localhost 3090 export function signinUser email passwor
  • 在 asp.net vb 中通过第一个下拉列表值填充第二个下拉列表

    我在使用 asp net vb 时遇到了一些问题 我想做的是有2个下拉框 第一个下拉菜单将有 1 2 3 例如 第二个下拉菜单将有 A 乙 C 默认情况下 但是 如果选择 1 我希望第二个下拉菜单自动选择 c 我不知道 JavaScript
  • JQuery 动画文本

    找到简单 简单的动画文本是非常困难的 喜欢这个网站上的 内爆 http codecanyon net item jquery text animation full screen preview 233445 http codecanyon
  • 从未定义解构时避免错误

    可以说我有这个代码 const x y point Babel 会将其变成 var point point x point x y point y 这很好 但是如果点未定义怎么办 现在我得到一个错误 Cannot read property
  • 是否可以覆盖 javaScript 原始数据类型?

    问题是不言自明的 我知道可以扩展原始数据类型 例如string但有可能覆盖它吗 这是在采访中被问到的一个问题 不 你不能覆盖任何东西 Ecma脚本定义原始类型 http es5 github com x4 3 2 Undefined Nul
  • Telegram 授权无默认按钮

    使用 Telegram 第 3 方授权的唯一有记录的方法是使用其提供的脚本https core telegram org widgets login https core telegram org widgets login 这个脚本 正如
  • 引入 V8 后,Google Apps 脚本无法为其他用户完全执行

    我编写了一个脚本 得到了这里好心人的大力帮助 该脚本使用 Google Sheets 脚本复制 Google Drive 上的文件夹 和内容 它运行了很长一段时间 但后来我启用了 V8 引擎 现在已禁用 问题是 它仍然适用于我 也许还有其他
  • 在 vue.js 模板中包含外部脚本

    我是 Vue js 和 web pack 的新手 所以我决定使用 vue cli webpack 来构建初始应用程序 我试图包含一个外部脚本 例如组件 不需要的模板中 但是 Vue 警告这是不允许的 我的 index html 文件与最初生
  • 空 URL 哈希导致页面在 js 事件上跳转

    我有一个带有下一个和上一个按钮的照片库 如果我的某个 javascript 方法由于某种原因被破坏 那么当单击其中一个按钮时 它会向 url 添加一个哈希值 即 www google com 我知道可以给散列一个 div id 来跳转到页面
  • 对象数组 - 在 Vue.js 生态系统中更新对象的正确方法

    我不确定问题到底出在哪里 但我会看看是否有人可以帮助我理解我的代码出了什么问题 我正在利用 Vuex 商店来跟踪某些不断变化的状态 我这样做如下 import Vue from vue import Vuex from vuex Vue u
  • setInterval 内的返回值

    我想在 setInterval 内返回一个值 我只想以一定的时间间隔执行一些操作 这就是我尝试过的 function git limit var i 0 var git setInterval function console log i
  • 使用 onBlur 事件上的值更新 React 输入文本字段

    我有以下输入字段 在模糊时 该函数调用服务来更新服务器的输入值 完成后 它会更新输入字段 我怎样才能让它发挥作用 我可以理解为什么它不允许我更改字段 但我能做些什么才能使其工作 我无法使用defaultValue因为我会将这些字段更改为其他
  • Window 与 Var 声明变量[重复]

    这个问题在这里已经有答案了 可能的重复 JavaScript 中使用 var 和不使用 var 的区别 https stackoverflow com questions 1470488 difference between using v
  • 理论上防止 WebSocket 中第一个收到的消息丢失

    服务器端代码发送消息立即地连接打开后 它向客户端发送初始配置 问候语 以下代码是在客户端 var sock new WebSocket url sock addEventListener error processError sock ad
  • Meteor.js 登录事件

    因此 我对 Meteor 框架和 JavaScript 总体来说还很陌生 但我正在使用该框架开发一个小项目 以尝试让自己达到标准 基本上我正在开发一个微博客网站 目前 用户可以通过多种服务登录 fb google 等 我通过插入所需 url

随机推荐

  • 苹果电脑快速安装双系统 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 编