window对象、本地存储

大家好，欢迎来到IT知识分享网。

一、windo对象

1、BOM

是浏览器对象模型

window 是js里面的顶级对象

可以省略不写

在全局作用域下定义的函数 其实就是window对象的方法

在全局作用域下用var声明的变量，其实就是window对象的属性

2、定时器-延时函数

语法：
setTimeout(回调函数，等待的毫秒数)
只执行一次

let timer = setTimeout(回调函数，等待的毫秒数) clearTimeout(timer )

延迟函数 只会执行一次

间歇函数 每隔一段时间 就会执行一次，除非手动关闭

setInterval 与 setTimeout 都属于window对象的方法，所以两个的 this 都指向window

3、js执行机制

js是单线程

同步 依次执行

前一个任务结束后在执行后一个，程序的执行任务与任务的排列顺序是一致的、同步的

都在主线程上执行，会形成一个执行栈

异步 多个同时执行

在做一件事情的同时，还可以同时处理其他事情

通过回调函数实现的

异步任务相关添加到任务队列（消息队列）中

4、location对象

属性 href：获取完整的url路径

//① 利用location.href 可以做网页跳转 location.href=‘https://www.baidu.com/’ //assign()方法 location.assign('https://www.baidu.com/') //②search 获取地址栏中的参数 符号？后面的参数 location.search //③hash //hash 属性获取地址中的哈希值，符号 # 后面部分 location.hash //④reload //reload 方法用来刷新当前页面，传入参数 true 时表示强制刷新 location.reload(true) //强制刷新，类似于F5

5、navigator对象

它记录了浏览器自身的相关信息

通过 userAgent 检测浏览器的版本及平台

// 检测 userAgent（浏览器信息） !(function () { const userAgent = navigator.userAgent // 验证是否为Android或iPhone const android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/) const iphone = userAgent.match(/(iPhone\sOS)\s([\d_]+)/) // 如果是Android或iPhone，则跳转至移动站点 if (android || iphone) { location.href = 'http://m.itcast.cn' } })()

6、histroy对象

方法：

back()    可以后退功能

forward()    前进功能

go(数字)    具体到历史记录的哪一页；前进后退功能，如果参数是 1 ，前进1个页面，如果是 -1 ，后退一个页面

二、本地存储

②设置、读取方便、刷新不丢失数据

③容量大 约5M左右

sessionStorage        localStorage

2、localStorage本地存储分类

作用：可以将数据永久存储，除非手动删除，否则页面关闭也会存在

特性：

可以多窗口实现页面共享（同一浏览器可以共享）

以键值对的形式存储使用

语法：    （key 表示属性     value代表属性值）

存储数据    localStorage.setItem(‘key’,’ value’)

获取数据    localStorage.getItem(‘key’)

删除数据    localStorage.removeItem(‘key’)

清空数据    localStorage.clear()

本地存储 存储的是 字符串类型

sessionStorage

临时存储（内部存储）只要页面关闭，数据就会自动清除

3、本地存储复杂数据类型

需要将复杂数据类型转换成 JSON字符串，再存储到本地

语法：JSON.stringify()    转化为JSON字符串

JSON对象 属性和值都有引号，而且同意都是双引号

JSON本身是一种数据类型，本质是字符串类型

可以将json格式的字符串解析为 数组或者对象

语法：

JSON.parse(JSON格式字符串)

4、数组  map方法  迭代数组

map可以处理数据，并且返回新的数组

语法：

数组.map(function(当前元素的值，索引，当前元素的数组对象),value)

当前元素的值是必写参数，其他为可写参数

常见写法 数组.map(function(item,index){ })

5、join方法

将数组里面的元素，拼接成一个字符串

数组名.join（）   显示的是字符串，中间有逗号隔开

数组名.join(”)      显示的是字符串，中间没有任何符号

数组名.join(‘-‘)     显示的是字符串，中间用横杠隔开