jQuery的$（這）是（使用Browserify）

Question

我創建了以下NodeJs模塊的NodeJS模塊上的 「不確定」：

import $ from 'jquery'; 

module.exports =() => { 

    $("#clients-table tbody tr").click(() => { 

    let $this = $(this); 

    console.log($this); 
    console.log($(this)); 
    console.log($(this).attr("class")); 
    console.log($("#clients-table tbody tr").attr("class")); 
    console.log("end"); 
    }); 
} 

和我Browserify入口點看起來是這樣的：

"use strict"; 

import $ from 'jquery'; 
import test from './test'; 

test(); 

當我點擊元素時，點擊事件被觸發，但$(this)是undefined。 這裏有不同的console.logs結果：

test.js:9 he.fn.init {} 
test.js:10 he.fn.init {} 
test.js:11 undefined 
test.js:12 test 
test.js:13 end 

任何想法，爲什麼？

Answer 1

Arrow functions不不綁定自己的this的說法 - 這就是爲什麼你undefined - 這樣你就可以使用正常的功能模式：

$("#clients-table tbody tr").click(function() { 

    let $this = $(this); 

    console.log($this); 
    console.log($(this)); 
    console.log($(this).attr("class")); 
    console.log($("#clients-table tbody tr").attr("class")); 
    console.log("end"); 
    }); 

Answer 2

對方回答可能是更現實的，但注意，你也可以停止使用this並做

$("#clients-table tbody tr").click(evt => { 
    let $this = $(evt.currentTarget); 

    // ... 
});