【JavaScript】Javascript—APIs—Day05

Javascript——Day1001.BOM和延迟函数setTimeout02.事件循环eventloop03.location对象04.navigator对象和histroy对象05.本地存储localstorage06.本地存储处理复杂数据类型07.数组map和join方法01.BOM和延迟函数setTimeout学习目录window对象学习目录BOM包含着DOM。写document时window是最大的一般省略不写声明的函数其实一般都是挂载在window上以前的var都是挂载在window下的现在的let和const都是挂载在自己的作用域下的接下来我们来讲定时器—延时函数。接下来的定时器它更多的算是一种延时函数只执行一次。先前是一直执行即之前是多久执行一次现在是多久之后执行。具体案例轮播图与几秒钟关闭广告如一般情况下该定时器不用清除。但是后面如果用到递归函数的时候自己调自己容易调晕所以需要对定时器进行清除。返回的还是id值注意事项对比接下来我们用个案例应用一下02.事件循环eventloop接下来我们来了解一下JS的执行机制即了解JS是怎么执行的。1从上往下执行2有JS解析器浏览器有两个引擎渲染引擎和解析JS的引擎来看两道面试题答案都是132原因解决阻塞问题实际上JS没有队列和栈只是借助这两者来帮助我们更好的理解其运行机制。即执行完栈的任务再去任务队列里看看有没有要的执行的任务再回到栈如此反复便是循环。同步任务放入同步执行栈内异步任务提交给浏览器浏览器执行完交至任务队列然后同步任务执行完会到队列里取异步任务。也可以是1243。03.location对象location对象1href案例5秒钟之后跳转页面要用setInterval因为页面的数字在跳动num5就可以因为它是在定时器里1秒后才执行2search点击提交后3hash像网易云音乐这种页面叫做单应用页面它不需要刷新即可渲染出页面。点击之后url跟着变化。除了以上3个属性之外还有一个方法roload类似刷新按钮的作用总结04.navigator对象和histroy对象navigator对象PC端不跳转。拓展立即执行函数的两种写法history对象类似前进后退按钮实操history对象比较少用05.本地存储localstorage前面我们结束了window对象的讲解接下来我们来讲解本地存储1本地存储介绍2本地存储分类打开浏览器另外一个页面也是有的前面的url要一样因为还没有学到跨域改的话就是增有这个键就改没有就增对于缓存localStorage关闭浏览器不会消失而下面介绍的sessionStorage会消失。总结注意键要加引号数字是会被转为字符串的06.本地存储处理复杂数据类型存取对象/数组。解决方案存储取出07.数组map和join方法字符串拼接map方法可以返回新的数组join方法数组中所有元素转换为一个字符串