jQueryプラグイン作成でアロー関数

経緯

利用していたjQueryのプラグインをES6の記述で修正。thisの参照先の違いによりエラーが起きてしまいました。

ソース

html
1<script>
2;(function($){
3  $('.hoge').testFunction();
4}($));
5</script>

jQuery
1;(function($){
2  // function(option) からアロー関数へ変更
3  $.fn.testFunction = ( option ) => {
4
5    const defaults = $.extend({
6      param1 : '',
7      param2 : '',
8    },option);
9
10    // 参照先が違う
11    let self = $(this);
12
13  };
14
15}($));

したいこと

アロー関数はthisを束縛しないため、上記の書き方ではwindowオブジェクトが参照されてしまいます。
function()で記述していたときのように、アロー関数で$.fn.testFunction() 自身を参照するためにはどうしたらいいでしょうか？

以上、お力添えいただければ幸いです。

Lhankor_Mhy

2019/07/10 07:41

testFunction() と smoothScroll の関係について教えてください。

hirahiro

2019/07/10 07:52

すいません！間違いです。同じ関数になります。修正しました。

Lhankor_Mhy

2019/07/10 08:07

「$.fn.testFunction() 自身を参照する」とのことですが、元々 this は $.fn.testFunction() を参照しないのではないでしょうか？　jQueryオブジェクトが入っているはず……？

x_x

2019/07/10 08:11

ES6 だろうと function は使えますが？

hirahiro

2019/07/10 08:45

回答ありがとうございます。＞ Lhankor_Mhyさん function()で記述すると this は n.fn.init [prevObject: n.fn.init(1), context: document, selector: ".hoge"] といった値になるようです。これって $.fn.testFunction() の参照ではなく jQueryオブジェクトなのでしょうか？ >x_xさん今回のケースでアロー関数を使用するのが不適当なものであるなら function でいこうかと思います。

Lhankor_Mhy

2019/07/10 09:03

> これって $.fn.testFunction() の参照ではなく jQueryオブジェクトなのでしょうか？そうだと思います。