学习理解JavaScript 作用域和作用域链

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了学习理解JavaScript 作用域和作用域链，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1569字，纯文字阅读大概需要3分钟。

内容图文

前言：今天晚上学习了JavaScript的全局作用域和局部作用域，以及全局变量和局部变量，以及ES6新特性块级作用域，还有作用域链的学习，现将理解如下

1、什么是作用域

    作用域是代码运行中的变量，函数，对象可访问性，与之对应的变量称为全局变量或者局部变量，分别代表者可以在程序的代码范围使用，这个代码范围就是作用域。作用域提高了程序逻辑的可靠性和局部性，减少了变量的冲突。作用域限定了变量的范围，不同作用域下即使变量名称一致也不会产生冲突。

var num = 10; //最外层变量,作用于全局
console.log(num);//这里输出的是全局变量，值等于10
function fn() {
    //最外层函数
    var num = 20;
    function innerFn() {
        //内层函数
        console.log(num);
    }
    innerFn();
}
fn();

这是外层输出全局变量值为10，内层函数的输出变量为20

• 所有末定义直接赋值的变量自动声明为拥有全局作用域
• 所有 window 对象的属性拥有全局作用域

2、全局变量和局部变量

全部变量和局部变量意味着变量的作用域不同，作用于代码的范围不同。

3、作用域链

作用域是分层的，内层作用域可以访问外层作用域的变量，反之则不行。也就是说内部函数可以访问上一级的变量，外部函数则不可以访问内部函数的变量，变量访问采取向上就近原则！

var num = 10; //最高作用域，视为零级作用域
        console.log(num); //这里输出的是全局变量，值等于10
        function fn() {//外层函数，视为一级作用域
            var num = 20;

            function innerFn() {//内层函数，视为二级作用域，可以访问上一级变量
                console.log(num);
            }
            innerFn();
        }
        fn();

4、ES6新特性块级作用域

块级作用域可通过新增命令 let 和 const 声明，所声明的变量在指定块的作用域外无法被访问。块级作用域在如下情况被创建：

1. 在一个函数内部
2. 在一个代码块内部

function fn(num) {
    if (num) {
        let nums = 10;
        return nums;
    } else {
        // nums 只作用于上级{}在此处不可用
        return null;
    }
    // nums 在此处也不可用
}

内容总结

以上是互联网集市为您收集整理的学习理解JavaScript 作用域和作用域链全部内容，希望文章能够帮你解决学习理解JavaScript 作用域和作用域链所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端