浅谈js的作用域

作者: 独立行走的蚂蚁 | 来源:发表于2018-04-17 13:46 被阅读27次

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
}();

相关文章

  • 浅谈JS作用域链

    浅谈JS作用域链 作用域 作用域(scope)就是变量访问规则的有效范围。作用域外,无法引用作用域内的变量;离开作...

  • 变量作用域

    变量作用域:静态作用域、动态作用域JS变量作用域:JS使用静态作用域JS没有块级作用域(全局作用域、函数作用域等)...

  • JS作用域的练习

    Js作用域练习demo1 Js作用域练习demo2 JS作用域练习demo3 JS作用域练习demo4 JS作用域...

  • 浅谈js作用域

    当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain)。作用域链的用途,是保证对执行环境...

  • 浅谈js的作用域

    1、如何区分私有变量和全局变量 (1).在全局作用域下声明(预解释的时候)的变量是全局变量;(2).在私有作用域中...

  • 你不知道的JS-上卷

    作用域整体理解:JS作用域分为函数作用域,全局作用域,with和try catch形成的块级作用域。 JS引擎在编...

  • js 闭包

    一、js 作用域 讲闭包首先就要理解 js 的作用域。再 ES5 中,js 有两种作用域,全局作用域和函数作用域(...

  • 2019-08-13JS里面的作用域Scope

    作用域指一个变量的作用范围。 JS的作用域 在JS中,有两种作用域 全局作用域直接编写在script标签中 JS代...

  • 干货!月薪80k前端大佬面试笔记:JS闭包解析!

    三点注意事项 JS没有块级作用域,只有全局作用域和局部作用域(函数作用域)。 JS中的作用域链,内部的作用域可以访...

  • JavaScript作用域的理解

    作用域:就是起作用的区域。JS的作用域规定了变量和函数可访问的范围。JS作用域分为:全局作用域和局部作用域 全局作...

网友评论

  • flygo:作用域最小单位貌似一般都是function,括号,for,if内外的变量还是会相互覆盖的

本文标题:浅谈js的作用域

本文链接:https://www.haomeiwen.com/subject/pbwukftx.html