jquery　を深く理解したい

jquery　を深く理解したいためスライダーのプラグインslickをリーディングしようと思ったのですが、
初っ端から理解ができず困っています。
とても基本的な事項かもしれませんがどうかお助けお願いします。

;(function(factory) {
    'use strict';
    if (typeof define === 'function' && define.amd) {
        define(['jquery'], factory);
    } else if (typeof exports !== 'undefined') {
        module.exports = factory(require('jquery'));
    } else {
        factory(jQuery);
    }

}

一番最初のこの部分なのですが、
jqueryの読み込みに関してかとかモジュールに関してかとか自分で調べてみたのですがあまり理解ができません。
そもそも最初の

;(function(factory))〜

は、jqueryの書き方なのでしょうか？
;(function)
という書き方を初めてみました。また引数のfactoryが何をさしているのかさっぱりわかりません。

プログラミング特有の魔法の言葉としてセットでこんなものかと思った方が良いでしょうか？

think49

2019/08/12 23:21

> jquery　を深く理解したいためスライダーのプラグインslickをリーディングしようと思ったのですが、該当コードは https://github.com/kenwheeler/slick/blob/master/slick/slick.js でしょうか。コード全文が分かるように、質問を [編集] して、URLを追記して下さい。

行動規範の内容に同意します

回答1件

ベストアンサー

モジュールは置いておいて、下記であれば理解しやすいでしょうか。

js
1;(/*ここから*/function(factory) {
2    'use strict';
3    factory('jQuery');
4}/*ここまで無名関数*/(/*ここから*/function($) {
5	console.log('in:',$);
6}/*ここまで無名関数*/));