BOM-浏览器对象模型，有这一篇就够了

目录

一、Window对象      

1.BOM(浏览器对象模型)

2.定时器-延时函数

3.JS执行机制

    同步 ：

    异步：

4.location对象

     常用属性和方法      

5.navigator对象

6.histroy对象   

二、本地存储 （重点）

       1. 本地存储介绍

       2.本地存储分类

       3.存储复杂数据类型 

数组中 map方法  迭代数组

数组中的 join 方法 

---

一、Window对象

        

1.BOM(浏览器对象模型)

               BOM (Browser Object Model) 是浏览器对象模型

        

     ~ window 对象是一个全局对象，也可以说是JavaScript的顶级对象

     ~像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。

     ~所以所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法

     ~window对象下的属性和方法调用的时候可以省略window     

   <script>
    window.document.querySelector()   // window默认省略
    console.log(document === window.document)  // true
    
        function fn() {
      console.log(11)
    }
    window.fn()

    var num = 10
    console.log(window.num)
  </script>

    

2.定时器-延时函数

              JavaScript 内置的一个用来让代码延迟执行的函数，叫 setTimeout

                语法：

setTimeout(回调函数，等待的毫秒数)

    setTimeout(function(){
      console.log('时间到了')
    },2000)

        setTimeout 仅仅只执行一次，所以可以理解为就是把一段代码延迟执行，平时省略window

        清除延时函数：

                为什么有清除函数，是因为这个函数和递归结合起来，可以自己调用自己，就必须要清除了

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

        注意点

                延迟器需要等待，所以后面的代码先执行

                每一次调用延时器都会产生一个新的延时器

   两种定时器对比 ： 执行的次数

   延时函数(setTmeout) : 执行一次

   间歇函数（setInterval）：每隔一段时间就执行一次，除非手动清除  

常用于： 几秒后广告自动关闭

3.JS执行机制

       首先看两个例子 ，分别说出 打印结果

// 1
  <script>
      console.log(111)
      setTimeout(function() {
        console.log(222)
      },1000)
      // 打印结果为?

  </script>


// 2
  <script>
      console.log(111)
      setTimeout(function() {
        console.log(222)
      },0)
      // 打印结果为?
  </script>

觉得 是不是不可思议还是说你懂了。下面是js的执行机制

 JavaScript 语言的一大特点就是 单线程 ，也就是说 ，同一个时间只能做一件事。

这是因为JavaScript这门脚本语言诞生的使命所致——JavaScript 是为处理页面中用户的交互，以及操作DOM而诞生的。比如我们对某个 DOM元素进行添加和删除操作，不能同时进行。应该先进行添加，之后再删除。

单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务，这样所导致的问题是：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉

# 为了解决这个问题，利用多核CPU的计算能力，HTML5 提出了Web Worker 标准，允许JavaScript 脚本创建多个线程。于是，JS中出现了 同步 和 异步 。