目录
2. 预解析分为 变量预解析(变量提升) 和 函数预解析(函数提升)
作用域
在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。
就是代码名字(变量)在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突
作用域的划分
全局作用域:整个script标签 或者是一个单独的js文件,script标签以内,函数体以外称之为全局作用域
<script>
var num = 10;
var num = 30;
console.log(num);
</script>
局部作用域:函数执行形成局部作用域(私有作用域)在函数内部就是局部作用域 这个代码的名字只在函数内部起效果和作用
function fn() {
// 局部作用域
var num = 20;
console.log(num);
}
fn();
全局变量和局部变量
全局变量(全局函数):全局作用域下定义的变量就属于全局变量,可以在任意地方使用或修改
// 注意 如果在函数内部 没有声明直接赋值的变量也属于全局变量
var num = 10; // num就是一个全局变量
console.log(num);
function fn() {
console.log(num);
}
fn();
局部变量(局部函数):局部作用域下定义的变量就属于局部变量,只能在当前作用域下使用或修改
// 注意: 函数的形参也可以看做是局部变量
function fun(aru) {
var num1 = 10; // num1就是局部变量 只能在函数内部使用
num2 = 20;
}
fun();
从执行效率来看全局变量和局部变量
- (1) 全局变量只有浏览器关闭的时候才会销毁,比较占内存资源
- (2) 局部变量 当我们程序执行完毕就会销毁, 比较节约内存资源
js中没有块级作用域 js的作用域: 全局作用域 局部作用域 现阶段我们js 没有 块级作用域
我们js 也是在 es6 的时候新增的块级作用域
块级作用域 {} if {} for {}
java
if(xx) {
int num = 10;
}
外面的是不能调用num的
if (3 < 5) {
var num = 10;
}
console.log(num);
作用域链
首先作用域链是一种查找机制,在当前作用域下用到某个变量或方法(函数),有私有的先用自己私有的,私有的没有就会往上一级作用域进行查找,查找不到再往上一级作用域进行查找,直到找到全局作用域为止,找不到可能就报错了
作用域链 : 内部函数访问外部函数的变量,采取的是链式查找的方式来决定取那个值 这种结构我们称为作用域链
// 就近原则
var num = 10;
function fn() { // 外部函数
var num = 20;
function fun() { // 内部函数
console.log(num);
}
fun();
}
fn();
案例
var a = 100;
var b = 200;
var c = 300;
function test1(num1) {
console.log(num1);
var a = 10;
var b = 20;
var num1 = 1000;
a++;
b++;
c++;
num1++;
console.log(a, b, c, num1);
function test2() {
var c = 30;
a++;
b++;
c++
console.log(a, b, c);
}
test2();
}
test1(5);
console.log(a, b, c);
作用域链解析图
预解析
1. 我们js引擎运行js 分为两步: 预解析 代码执行
(1). 预解析 js引擎会把js 里面所有的 var 还有 function 提升到当前作用域的最前面
(2). 代码执行 按照代码书写的顺序从上往下执行
2. 预解析分为 变量预解析(变量提升) 和 函数预解析(函数提升)
(1) 变量提升 就是把所有的变量声明提升到当前的作用域最前面 不提升赋值操作
(2) 函数提升 就是把所有的函数声明提升到当前作用域的最前面 不调用函数
3. 预解析可以分为:
-
全局作用域下的预解析
-
局部作用域下的预解析
预解析发生在js代码真正执行之前,先进性预解析的操作,把所有带有var和functiuon关键的进行预解析,var进行预解析是只声明不定义,funtion在预解析的时候是声明+定义
声明:var a;
定义 : a = 100;
函数执行形成私有作用域,这个作用域中的代码从上到下执行,在执行之前也是先进行预解析,这个私有作用域属于栈区,函数的形参赋值在预解析之前
函数执行完毕自动销毁(垃圾回收机制)
console.log(a, b); //undefined undefined
var a = 10;
var b = 20;
console.log(a, b); //10,20
sum();
function sum() {
console.log(c, d); //undefined undefined
var c = 10;
var d = 20;
function test() { //在预解析的时候就声明+定义已经完成了
console.log("哈哈");
}
}
sum();