作用域和自由变量

最新推荐文章于 2023-04-28 20:00:00 发布

weixin_46057188

最新推荐文章于 2023-04-28 20:00:00 发布

阅读量67

点赞数

本文链接：https://blog.csdn.net/weixin_46057188/article/details/112827083

版权

作用域（定义）

变量作用域：就是一个变量可以使用的范围

作用域（种类）

在这里插入图片描述

js中首先有一个最外层的作用，全局作用域；
js中可以通过函数来创建一个独立作用域称为函数作用域，函数可以嵌套，所以作用域也可以嵌套；
es6中新增了块级作用域（大括号，比如：if{},for{},while(){}…）;

es6作用域，只适用于const,let

自由变量

**自由变量的概念：**当前作用域没有定义的变量

在这里插入图片描述

作用域链

自由变量向上级作用域一层一层查找，直到找到为止，最高找到全局作用域，就形成了作用域链。

变量提升（与解析）

var 声明的变量，function声明的函数存在变量提升
let const 不会存在变量提升

1.javascript中声明并定义一个变量时，会把声明提前，一下会先打印undefined，在打印出10

console.log(a)
var a = 10
console.log(a)

相当于

var a
console.log(a)；//undefined
a = 10
console.log(a) //10

2.函数声明也是，以下函数相当于把整个fn提到作用域的最上面，所以调用fn时会正常打印jack

fn('jack')；//jack
function fn (name){
console.log(name)
}

3.不过函数表达式不行，以下是一个函数表达式，JavaScript会把var fn 提到作用域最上面，没有把函数提上去，所以会报错。

fn("jack");//报错
var fn = function(name) {
console.log(name);
};

变量提升面试题

在这里插入图片描述
代码如下：

  var x = 30;
  function test(){
      alert(x);
      var x = 10;
      alert(x);
      x=20;
      function x(){

      };
      alert(x);
  }
  test();

第一步：

test是函数，每个函数作用域也首先要进行预解析，var,function声明的变量或者函数首先变量提升，但是函数的优先级高于变量，所以预解析池最终结果为function x(){}

第二部

从上往下，逐步执行： 第一个alert(x)中的x向上查找，直至找到预解析池，function x(){},
第二个alert(x)中的x向上查找，找到var x=10;, 弹出 10；
第二个alert(x)中的x向上查找，找到 x=10;, 弹出 20；

作用域相关面试题

<body>
    
</body>

<script>
let a
for (var i = 0; i < 10; i++) {
    a = document.createElement('a')
    a.innerHTML = i + '<br>'
    a.addEventListener('click', function (e) {
        e.preventDefault()
        console.log(i)
    })
    document.body.appendChild(a)
}
</script>

在这里插入图片描述

weixin_46057188

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
作用域和自由变量

作用域（定义）变量作用域：就是一个变量可以使用的范围作用域（种类）js中首先有一个最外层的作用，全局作用域；js中可以通过函数来创建一个独立作用域称为函数作用域，函数可以嵌套，所以作用域也可以嵌套；es6中新增了块级作用域（大括号，比如：if{},for{},while(){}…）;es6作用域，只适用于const,let自由变量**自由变量的概念：**当前作用域没有定义的变量作用域链自由变量向上级作用域一层一层查找，直到找到为止，最高找到全局作用域，就形成了作用域链。
复制链接

扫一扫