JavaScript（7）本地存储，函数深入理解

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() {
		函数体
} )()