title: Keep "this" in a variable and replace all "this" with this variable?
body: <h1>Context</h1>
  
  <p>When I use jQuery, I often need to keep <code>this</code> in a variable:</p>
  
  <pre><code>var obj = {
      myVar: null,
      myFunction1: function() { ... },
      myFunction2: function() {
          this.myVar = "blabla";
          this.myFunction1();
  
          var ctx = this;
          $('xxx').click(function () {
              ctx.myFunction1();
          });
      }
  }
  </code></pre>
  
  <p>In this case, I replace all <code>this</code> with my variable:</p>
  
  <pre><code>var obj = {
      myVar: null,
      myFunction1: function() { ... },
      myFunction2: function() {
          var ctx = this;
  
          ctx.myVar = "blabla";
          ctx.myFunction1();
  
          $('xxx').click(function () {
              ctx.myFunction1();
          });
  
          //etc. I do it for all "this" even if I have 15 "this"...
      }
  }
  </code></pre>
  
  <h1>Questions</h1>
  
  <ul>
  <li>Is it good practice to keep <code>this</code> in a variable? Is there another way?</li>
  <li>Is it good practice to replace all <code>this</code> with the variable?</li>
  </ul>