JQuery $ (это) "не определен" на nodejs модуля (с помощью Browserify)

Question

Я создал следующий 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(); 

Когда я нажимаю на элемент, срабатывает событие click, но $(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); 

    // ... 
});