JS-作用域

作用域

JS学习入门之作用域和预解析

---

---

前言

通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。
代码名字(变量)在某个范围内起作用和效果

---

一、JS中的两种作用域

//1，全局作用域：整个script标签，或者是一个单独的JS文件
  var num = 10;
  console.log(num);
//2，局部作用域: 在函数内部就是局部作用域  这个代码的名字只在函数内部起作用
function fn() {
var num=20;
console.log(num);
}
fn();

注意：❤如果在函数内部 没有声明直接赋值的变量也属于全局变量。
❤ 函数的形参也可以看作局部变量
全局变量只有浏览器关闭才会销毁，比较占内存。

一、作用域链

查找机制：作用域链（内部函数访问外部函数的变量，采取的是链式查找的方式来绝对取哪个值）
就近原则（从目标出发，一层一层找）

三、预解析

JS运行分成两步：预解析 代码执行
//(1).预解析 JS引擎会把js里面所有的 var 还有 function 提升到当前作用域的最前面
// (2).代码执行 按照代码的书写顺序从上往下执行

// 2.预解析分为 变量预解析 （变量提升）和函数预解析（函数提升）
//（1）变量提升 就是把所有的声明变量提升到当前作用域最前面 不提升赋值操作

//  代码分析：
   fun() ; //报错
   var  fun = function() {
   console.log(22);
   }
   // 相当于执行力以下的代码
    var fun;  //变量提升（所有的 var  还有 function提升到作用域最前面）
    fun() ;  //声明了变量没有给值
    fun = function() {
    console.log(22);
    }
    // 函数表达式   调用必须写在函数表达式下面   

案例

var num = 10;
fun();
 function fun() {
 console.log(num);
 var num = 20;
 }
 //预解析: 
 //相当于执行了以下操作
 var num;
 function fun() {
 var num ;
 console.log(num);
 num = 20;
 }
 num = 10;
 fun();
 //输出undefined

---

总结

细节决定成败