<legend id='wXUEG'><style id='wXUEG'><dir id='wXUEG'><q id='wXUEG'></q></dir></style></legend>

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

      <i id='wXUEG'><tr id='wXUEG'><dt id='wXUEG'><q id='wXUEG'><span id='wXUEG'><b id='wXUEG'><form id='wXUEG'><ins id='wXUEG'></ins><ul id='wXUEG'></ul><sub id='wXUEG'></sub></form><legend id='wXUEG'></legend><bdo id='wXUEG'><pre id='wXUEG'><center id='wXUEG'></center></pre></bdo></b><th id='wXUEG'></th></span></q></dt></tr></i><div id='wXUEG'><tfoot id='wXUEG'></tfoot><dl id='wXUEG'><fieldset id='wXUEG'></fieldset></dl></div>
      <tfoot id='wXUEG'></tfoot>
          <bdo id='wXUEG'></bdo><ul id='wXUEG'></ul>
      1. 简单分析js中的this的原理

        时间:2023-12-07

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

                <tbody id='p57NX'></tbody>
            1. <legend id='p57NX'><style id='p57NX'><dir id='p57NX'><q id='p57NX'></q></dir></style></legend>
                <tfoot id='p57NX'></tfoot>
                <i id='p57NX'><tr id='p57NX'><dt id='p57NX'><q id='p57NX'><span id='p57NX'><b id='p57NX'><form id='p57NX'><ins id='p57NX'></ins><ul id='p57NX'></ul><sub id='p57NX'></sub></form><legend id='p57NX'></legend><bdo id='p57NX'><pre id='p57NX'><center id='p57NX'></center></pre></bdo></b><th id='p57NX'></th></span></q></dt></tr></i><div id='p57NX'><tfoot id='p57NX'></tfoot><dl id='p57NX'><fieldset id='p57NX'></fieldset></dl></div>
                  <bdo id='p57NX'></bdo><ul id='p57NX'></ul>

                • 下面我就为您详细讲解“简单分析js中的this的原理”的攻略。

                  1. 什么是this

                  在JavaScript中,this是一个特殊的关键字,它代表当前函数调用的上下文对象。this指向的对象不同,它的值也会发生变化。

                  2. this的指向

                  2.1 默认绑定

                  默认绑定是指this指向全局对象(在浏览器中为window对象),这种情况下,this指向全局对象,即window

                  function foo() {
                    console.log(this);
                  }
                  
                  foo(); // window
                  

                  2.2 显式绑定

                  在函数中使用callapplybind方法可以显式地绑定this的指向。

                  function foo() {
                    console.log(this.name);
                  }
                  
                  var obj = { name: 'Jack' };
                  foo.call(obj); // Jack
                  foo.apply(obj); // Jack
                  foo.bind(obj)(); // Jack
                  

                  2.3 构造函数

                  在使用构造函数创建对象时,构造函数内部的this指向创建的实例对象。

                  function Person(name) {
                    this.name = name;
                    this.sayHi = function() {
                      console.log('Hi, ' + this.name);
                    }
                  }
                  
                  var jack = new Person('Jack');
                  jack.sayHi(); // Hi, Jack
                  

                  2.4 箭头函数中的this

                  箭头函数中的this总是指向定义时的上下文。

                  var obj = {
                    name: 'Jack',
                    sayHi: function() {
                      console.log(this.name);
                      (() => {
                        console.log(this.name);
                      })();
                    }
                  }
                  
                  obj.sayHi(); // Jack Jack
                  

                  3. 总结

                  this在JavaScript中十分重要,它的指向决定了函数的行为。在不同的情况下,this的指向不同,需要仔细分辨。

                  希望本文对您有所帮助。

                  上一篇:jQuery实现连续动画效果实例分析 下一篇:typeScript入门基础介绍

                  相关文章

                  <legend id='Vj1Fb'><style id='Vj1Fb'><dir id='Vj1Fb'><q id='Vj1Fb'></q></dir></style></legend>

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

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