jquery改變this指向的方法

這篇文章主要介紹了jquery改變this指向的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

jquery改變this指向的方法：1、利用賦值【var that=this;】來改變嵌套函數(shù)的【this】指向；2、利用es6箭頭函數(shù)改變this指向，代碼為【$('div').on('click', function()】。

jquery改變this指向的方法：

利用賦值var that=this; 來改變嵌套函數(shù)的 'this' 指向

利用es6箭頭函數(shù) 改變this指向

    <script>
      function show() {
       alert(this)
      }
    //   show() //-> window
      //   show.call(document) // ->document  | 原生的方法
     $.proxy(show, document)() // ->document  | jQuery方法
  </script>

tips: 對(duì)于一個(gè)傳參的函數(shù)如上例中的 show（c1,c2），使用.proxy()也有幾個(gè)場(chǎng)景，按需求進(jìn)行傳參，如：

1. .proxy( show, document, c1, c2 ) // --> 加（）后，才進(jìn)行調(diào)用

2. .proxy( show, document )( c1, c2 )  //   --> 這就直接調(diào)用了

    <script>
     // 利用賦值 var that = this; 來改變嵌套函數(shù)的'this'指向
       $('div').on('click', function() {
        var that = this
        setTimeout(function() {
           console.log(that) // -> div
       })
     })
   </script>

    <script>
     // 利用es6 箭頭函數(shù) 改變 this指向
      $('div').on('click', function() {
         setTimeout(() => {
         console.log(this) // -> div
        })
     })
    </script>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享jquery改變this指向的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!