<i id='fHfWM'><tr id='fHfWM'><dt id='fHfWM'><q id='fHfWM'><span id='fHfWM'><b id='fHfWM'><form id='fHfWM'><ins id='fHfWM'></ins><ul id='fHfWM'></ul><sub id='fHfWM'></sub></form><legend id='fHfWM'></legend><bdo id='fHfWM'><pre id='fHfWM'><center id='fHfWM'></center></pre></bdo></b><th id='fHfWM'></th></span></q></dt></tr></i><div id='fHfWM'><tfoot id='fHfWM'></tfoot><dl id='fHfWM'><fieldset id='fHfWM'></fieldset></dl></div>

<small id='fHfWM'></small><noframes id='fHfWM'>

    • <bdo id='fHfWM'></bdo><ul id='fHfWM'></ul>
    <legend id='fHfWM'><style id='fHfWM'><dir id='fHfWM'><q id='fHfWM'></q></dir></style></legend>

    1. <tfoot id='fHfWM'></tfoot>

      JS作用域作用链及this使用原理详解

      时间:2023-12-09
    2. <i id='ggtEl'><tr id='ggtEl'><dt id='ggtEl'><q id='ggtEl'><span id='ggtEl'><b id='ggtEl'><form id='ggtEl'><ins id='ggtEl'></ins><ul id='ggtEl'></ul><sub id='ggtEl'></sub></form><legend id='ggtEl'></legend><bdo id='ggtEl'><pre id='ggtEl'><center id='ggtEl'></center></pre></bdo></b><th id='ggtEl'></th></span></q></dt></tr></i><div id='ggtEl'><tfoot id='ggtEl'></tfoot><dl id='ggtEl'><fieldset id='ggtEl'></fieldset></dl></div>
        <tbody id='ggtEl'></tbody>

            <bdo id='ggtEl'></bdo><ul id='ggtEl'></ul>
                <legend id='ggtEl'><style id='ggtEl'><dir id='ggtEl'><q id='ggtEl'></q></dir></style></legend>

                <small id='ggtEl'></small><noframes id='ggtEl'>

                <tfoot id='ggtEl'></tfoot>

                JS作用域作用链及this使用原理详解

                在JavaScript中,作用域和作用链是非常重要的概念,他们会影响变量和函数的调用、执行以及存储等方面。同时,this也是一个需要理解的重要概念,它在JavaScript中具有特殊的作用。本文将深入探讨这三个概念,并给出相关的示例。

                作用域

                作用域就是程序可以访问和操作的空间范围。在JavaScript中,每个函数都有自己的作用域,也就是说在函数内部定义的变量只能在该函数范围内访问。而在函数外部定义的变量可以在全局范围内访问。

                示例1:作用域示例

                var a = 1;
                function test() {
                  var b = 2;
                  console.log(a);//在函数内部访问全局变量a
                  console.log(b);//在函数内部访问局部变量b
                }
                test();
                console.log(a);//在全局范围内访问全局变量a
                console.log(b);//在全局范围无法访问局部变量b,抛出异常
                

                上述示例中,变量a是在全局范围内定义的,可以在所有地方访问,而变量b则是在test函数内部定义的,只能在该函数内部访问。在函数内部可以访问全局变量a,但在全局范围内无法访问局部变量b。

                作用链

                作用链是由多个作用域组成的,它决定了程序访问变量和对象的顺序。每个函数都有一个代码执行环境,即作用域。当程序需要访问一个变量时,它会先在当前作用域内查找,如果没有找到,就会去父级作用域中查找,直到找到该变量或者到全局作用域依然无法找到该变量。

                示例2:作用链示例

                var a = 1;
                function outer() {
                  var b = 2;
                  function inner() {
                    var c = 3;
                    console.log(a);//在内部函数访问全局变量a
                    console.log(b);//在内部函数访问外部函数局部变量b
                    console.log(c);//在内部函数访问自身局部变量c
                  }
                  inner();
                }
                outer();
                

                上述示例中,inner函数内部先在自身作用域中查找变量c,接着会去父级作用域中查找变量b,最后会去全局作用域中查找变量a。

                this

                this指向当前函数所在的对象。在JavaScript中,this是一个非常重要的概念。

                示例3:this示例

                var obj = {
                  a: 1,
                  b: function () {
                    console.log(this.a); // 在方法b中,this指向对象obj
                  }
                };
                obj.b();
                

                在上述示例中,this指向了obj对象,因此可以直接访问obj对象中定义的变量a。

                总结

                作用域和作用链是深入理解JavaScript的基础,通过此文的介绍,相信大家对这两个概念有了更为深刻的了解。同时,了解this的概念也是非常重要的,通过多进行相关实践,可以帮助我们更好地理解和应用。

                上一篇:JavaScript函数的一些注意要点小结及js匿名函数 下一篇:用JavaScript实现动画效果的方法

                相关文章

                  • <bdo id='x5hZH'></bdo><ul id='x5hZH'></ul>
                1. <legend id='x5hZH'><style id='x5hZH'><dir id='x5hZH'><q id='x5hZH'></q></dir></style></legend>
                  <tfoot id='x5hZH'></tfoot>

                2. <small id='x5hZH'></small><noframes id='x5hZH'>

                  <i id='x5hZH'><tr id='x5hZH'><dt id='x5hZH'><q id='x5hZH'><span id='x5hZH'><b id='x5hZH'><form id='x5hZH'><ins id='x5hZH'></ins><ul id='x5hZH'></ul><sub id='x5hZH'></sub></form><legend id='x5hZH'></legend><bdo id='x5hZH'><pre id='x5hZH'><center id='x5hZH'></center></pre></bdo></b><th id='x5hZH'></th></span></q></dt></tr></i><div id='x5hZH'><tfoot id='x5hZH'></tfoot><dl id='x5hZH'><fieldset id='x5hZH'></fieldset></dl></div>