js高级 第5天 文章目录 js高级 第5天 BOM对象组成 网址 代码预解析 执行上下文 执行上下文栈

js高级 第5天

js组成部分：ECMAScript js核心语法    typescript
		 DOM:document object model 用于dom元素操作
		 BOM：browser object model 用于浏览器操作
		 	

BOM对象组成

Window
	代表整个浏览器窗口，同时也是document中的全局对象
Navigator
	代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器
	navigator.userAgent:本地所有浏览器版本信息
Location
	代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面
	location.href 浏览器地址栏信息
History
	代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录
Screen
	代表用户的屏幕的信息，通过该对象可以获取到用户的显示器的相关的信息 

网址

https://www.baidu.com:80/video/xiaoze.avi?age=18&year=20201208

https:协议名
www: 二级域名
baidu.com :主机名
80：端口号
/video/ 路径
xiaoze.avi 文件名
age=18&year=20201208 参数

代码预解析

代码提升：1.使用var声明的变量提升
		2.使用function声明函数被提升，函数表示式不会被提升
		
		比如：下面这个函数不会被提升
	var fn = function(){
        console.log(a)//undefined
        var a = 12;
    }
			

执行上下文

1. 代码分类(位置)
  * 全局代码
  * 函数(局部)代码
2. 全局执行上下文
  * 在 执行全局代码前 将window确定为全局执行上下文对象
  * 对全局数据进行预处理
    * var定义的全局变量==>undefined, 添加为window的属性
    * function声明的全局函数==>赋值(fun), 添加为window的方法
    * this==>赋值(window)
  * 开始执行全局代码

3. 函数执行上下文
  * 在调用函数, 准备执行函数体之前, 创建对应的函数执行上下文对象(虚拟的, 存在于栈中)
  * 对局部数据进行预处理
    * 形参变量==>赋值(实参)==>添加为执行上下文的属性
    * arguments==>赋值(实参列表), 添加为执行上下文的属性
    * var定义的局部变量==>undefined, 添加为执行上下文的属性
    * function声明的函数 ==>赋值(fun), 添加为执行上下文的方法
    * this==>赋值(调用函数的对象)
  * 开始执行函数体代码

执行上下文栈

1. 在全局代码执行前, JS引擎就会创建一个栈来存储管理所有的执行上下文对象
2. 在全局执行上下文(window)确定后, 将其添加到栈中(压栈)
3. 在函数执行上下文创建后, 将其添加到栈中(压栈)
4. 在当前函数执行完后,将栈顶的对象移除(出栈)
5. 当所有的代码执行完后, 栈中只剩下window

执行上下文栈个数：n+1
              n:函数调用
              1：全局执行上下栈