网站优化外包,做网站推广的价格,wordpress 更新 ftp,网站建设平台资讯一.变量提升与函数提升
变量提升#xff1a;通过var关键字定义#xff08;声明#xff09;的变量#xff0c;在定义语句之前就可以访问到#xff0c;只不过其值是undefined
函数提升#xff1a;通过function声明的函数#xff0c;在之前就可以调用#xff0c;值是函数…一.变量提升与函数提升
变量提升通过var关键字定义声明的变量在定义语句之前就可以访问到只不过其值是undefined
函数提升通过function声明的函数在之前就可以调用值是函数对象
var a3
function fn(){console.log(a);var a4;
};
fn();//undefined;
//使用var关键字变量提升了
//相当于 function fn(){var a;console.log(a);a4;
};
//在函数作用域本身含有a,则不会去全局作用域查找
//变量提升
console.log(b);//undefined
var b3;//函数提升
fun2();//可调用
function fun2(){console.log(fun2());
};
fn3();//不能这里使用了var关键字所以重点是变量提升而不是函数提升
var fn3function(){console.log(3);
};
函数提升必须使用函数生命的方式
二.执行上下文
1.代码分类
全局代码、函数局部代码
2.全局执行上下文
1在执行全局代码前将window确定为全局执行上下文
2对全局数据进行预处理
var定义的全局变量undefined添加为window的属性function声明的全局函数赋值fun)添加为window的方法this赋值window
3开始执行全局代码
3.函数执行上下文
1在调用函数准备执行函数体之前创建对应的函数执行上下文对象虚拟的存于栈中
2对局部数据进行预处理
形参变量赋值实参添加为执行上下文的属性arguments赋值实参列表添加为执行上下文的属性var定义的局部变量undefined添加为执行上下文的属性function声明的函数赋值fun)添加为执行上下文的方法this赋值调用函数的对象
3开始执行函数体代码
4.流程分析
1在全局代码执行前JS引擎就会创建一个栈来存储管理所有的执行上下文对象
2在全局执行上下文window)确定后将其添加到栈中压栈
3在函数执行上下文创建后将其添加到栈中压栈
4在当前函数执行完后将栈顶的对象移栈出栈
5当所有的代码执行完后栈中只剩下window
tip::: 执行栈也就是在其他编程语言中所说的“调用栈”是一种拥有LIFO后进先出数据结构的栈被用来存储代码运行时创建的所有执行上下文 引擎会执行那些执行上下文位于栈顶的函数。当该函数执行结束时执行上下文从栈中弹出控制流程到达当前栈中的一个上下文 let a Hello World!;function first() {console.log(Inside first function);second();console.log(Again inside first function);
}function second() {console.log(Inside second function);
}first();
console.log(Inside Global Execution Context); 三.作用域
1.分类
全局作用域、函数作用域、没有块作用域ES6有了
2.作用隔离变量不同作用域下同名变量不会有冲突
