requireの構文について

Question

requireの構文は「変数名=require(モジュール名);」で、格納した変数名を起点に活用していくものと認識しているのですが、
下記のように「変数名=」が省略されたケースが散見されます。

var $ = require('jquery');
var moment = require('moment');
require('jquery-ui/ui/widgets/datepicker');
//datepickerは日本語化する場合にこれが必要
require('jquery-ui/ui/i18n/datepicker-ja');
require('select2');

これはどのような仕組みなのでしょうか？
また、同様の仕組みをimportで実現する場合は

import from 'jquery-ui/ui/widgets/datepicker';

となるのでしょうか？

Comments

[yoorwm]

var $ というのは、$が変数ですね

Answer 1

requireは、呼び出されたモジュールを実行して、その中でmodule.exportsなどに代入されたものを返してくる、という仕組みになっています。

jQueryプラグインなどでは典型的ですが、「モジュールを実行した際にjQueryオブジェクトを書き換えてセットしてしまうので、requireの返り値から機能を呼ぶわけではない」という場面があって、このような場合には返り値無しでrequireを呼ぶことになります。

同様のことをimportで行う場合、fromも省略して、import 'jquery-ui/ui/widgets/datepicker';と書きます。