浅谈js的作用域

1、如何区分私有变量和全局变量

(1).在全局作用域下声明(预解释的时候)的变量是全局变量;
(2).在私有作用域中声明的变量和函数的形参都是私有的变量;

在私有作用域中,我们代码执行的时候遇到一个变量,首先我们确定它是否为私有的变量,如果是私有的变量那么和外面没有任何关系;如果不是私有的,则往当前作用域的上级进行查找,如果上级作用域也没有,会继续往上面查找,一直找到window为止。这个就简称作用域链。

2、当函数执行的时候(直接的目的是让函数体的代码执行),首先会形成一个新的私有的作用域,然后按照以下步骤执行:

(1)如果有形参先给形参赋值
(2)进行私有作用域中的预解释
(3)私有作用域中的代码从上到下执行

函数形成了一个私有的作用域保护了里面的私有变量不受外界的干扰,外面修改不了私有的,私有的也修改不了外面的,我们称这种保护机制为闭包

例子1:

console.log(total)  // undefined 全局预解释的时候已经提前声明了
var total = 0;
function fn(num1, num2){
    console.log(total)      //undefined  这时候的total是私有的作用域里面声明的和外面没有关系
    var total  = num1+num2  
    console.log(total)    // 150
}
fn(50, 100)
console.log(total)    //  0  全局作用域下面的total

例子2:

console.log(total)  // undefined 全局预解释的时候已经提前声明了
var total = 0;
function fn(num1, num2){
    console.log(total)      //0  这时候的total是全局作用域的total,因为私有作用域没有声明往上级查找
     total  = num1+num2  
    console.log(total)    // 150 这时候的total 也是全局的total,从新给total赋值
}
fn(50, 100)
console.log(total)    //  150  这时候全局作用域下面的total已经从新赋值,是150

3.如何查找当前作用域的上一级作用域
看当前函数是在哪个作用域下定义的,那么它的上级作用域就是谁,和函数在哪里执行没有关系

var num = 20;
function fn () {
  var num = 50;
  return function () {
    console.log(num)
  }
};
var fn1 = fn();
fn1() // num是50
!function () {
  var num = 100;
  fn1() // 50
}();
    原文作者:pengru1214
    原文地址: https://www.jianshu.com/p/3b8a6bd9c842
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞