有关javascript变量提升的一些问题

最新推荐文章于 2021-09-12 22:35:41 发布

志yuan

最新推荐文章于 2021-09-12 22:35:41 发布

阅读量112

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/nannvershiwu/article/details/112591444

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JavaScript变量提升

**
要说变量提升的原因之前，首先得先说一下声明变量的三种方式

用var let 和cost声明的变量之间的区别

var声明的变量相较于其他两个，会存在变量提升的情况，比如：在块级作用域里面不声明，直接赋值，则会发生变量提升情况，有如下特性：
1、会发生变量提升情况
2、允许重复声明同一个变量

用le声明的变量，则不会有变量提升的情况，具有块级作用域特性
1、不会发生变量提升情况
2、不许重复声明
3、具有暂时性死区特性
4、具有块级作用域特性

ps：
块级作用域：则一般是由{}包括在内的，但是对象的{}不具有块级作用域特性

举个例子：在for循环结束时，在控制台打印用var声明的循环变量 i ，还是可以访问到的

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>test</title>
</head>
<body>
    <script>
        for(var i=0;i<5;i++){
            console.log(1); //此处会循环打印1
        }
        console.log(i); //此处则会打印i的值为5
    </script>
</body>
</html>

但是用let声明的变量 i ，则不会再for循环外访问到
用const声明的，一般为常量，有如下特性：
1、不可只声明，不赋值
2、一旦声明，则不可再更改值
3、不存在变量提升
4、具有块级作用域特性
5、不允许重复声明变量

利用var声明变量会出现变量提升的特性，也出现了许多有关变量提升的题，我也找到了一些，如下：

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var a=10;
        (function a(){
            var a;      //局部作用域的声明var a=30中的var a被提升
            console.log(a);     //undefined
            a=20;       //a赋值为20
            console.log(window.a);      //window.a为函数外部window的a  为10
            a=30;       //a赋值为30
            console.log(a);     //a=30
        })();
    </script>
</body>

</html>

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var a = 10, b = 20, c = 30;
        function fn(a) {
            var b       //变量提升
            a = 1;      //a为函数形参，赋值为1  此a非彼a
            b = 2;      //b为局部作用域变量，声明后被赋值为2
            c = 3;      //c在局部作用域未声明，所以c提升为全局变量，并被赋值为3
        }
        fn(100);
        console.log(a, b, c);   //此处的a，b，c为全局作用域中的a，b，c 10,20,3
    </script>
</body>

</html>

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var n = 10;
        function fn(n) {
            //局部作用域
            //n根据形参首先定义 n=10
            //函数会提升，覆盖了n，此时n为函数
            function n() {

            }
            //var n;//var n =20中的var n 被提升到此处，但是会被忽略
            console.log(n);//打印函数
            n = 20;//n被赋值为20
            console.log(n);//打印20
            //函数已经提升
            console.log(n);//打印20
        }
        fn(n);//实参n=10传入调用
        console.log(n);//打印10
    </script>
</body>

</html>

我也做了一些的注解，全都是自己的主观看法，若是有任何不足之处，还请诸位指点迷津

(✪ω✪)(✪ω✪)

志yuan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
有关javascript变量提升的一些问题

**变量提升的原因**要说变量提升的原因之前，首先得先说一下声明变量的三种方式标题用var let 和cost声明的变量之间的区别var声明的变量相较于其他两个，会存在变量提升的情况，比如：在块级作用域里面不声明，直接赋值，则会发生变量提升情况，有如下特性：1、会发生变量提升情况2、允许重复声明同一个变量用le声明的变量，则不会有变量提升的情况，具有块级作用域特性1、不会发生变量提升情况2、不许重复声明3、具有暂时性死区特性4、具有块级作用域特性ps：块级作用域：则一般是由{}包
复制链接

扫一扫