JS中的作用域链

193 阅读 0 评论 128 点赞

我是靠谱客的博主义气音响，最近开发中收集的这篇文章主要介绍JS中的作用域链，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在js中数据的声明方式有两种：

1、用var声明，例如：var num = 10；

2、直接声明，例如：num = 10；

两种声明方式在某些情况下是有区别的：

var data = 10;
function fn01(){
  var data = 100;
  function fn02(){
    data = 1000;
    function fn03(){
      data = 10000;
    }
    fn03();
  }
  fn02();
}
fn01();
console.log(data);

此时data会是多少呢？

没错就是10

当在函数内使用var声明变量的时候这个变量就是局部变量，而当不使用var定义变量的时候这个变量就会是全局变量，当然这个全局变量也需要看定义的位置，这个全局变量会一直往上层寻找使用var定义的相同名称的变量，当寻找到时会替换其原来的变量，如果未找到则会自行定义一个全局变量；

var data = 10;
function fn01(){
  data = 100;
  function fn02(){
    data = 1000;
    function fn03(){
      data = 10000;
    }
    fn03();
  }
  fn02();
}
fn01();
console.log(data);

此时的data就是10000了，你学会了吗？

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！