importとrequireの違い。どちらを使えば良い? | Javascript

Javascriptで外部ファイル(モジュール)を読み込む時にrequireとimportを使う時がありますが、requireとimportのそれぞれの違いは何で、どういう時に使い分ける必要があるのか。

今更聞けないのでこっそりまとめてみました。

importとは

importとは「es2015」の書き方。babelを使う必要があり、そのままではブラウザで読み取りできない。

import ‘クラス名’ from ‘ファイル指定’で読み込む。

export default class ‘クラス名’ {}で設定。

var hoge = require('hoge');

requireとは

requireとは「node.js」の書き方。

正確にはCommonJSの仕様となる。

const クラス名 = require(‘ファイル指定’)で読み込む。

module.exports = class ‘クラス名’ {}で設定。

import hoge from 'hoge';

 


    Fatal error: Uncaught Error: Call to undefined function set_post_views() in /home/jszk/desnote.com/public_html/wpjs/wp-content/themes/the-thor-child/single.php:658 Stack trace: #0 /home/jszk/desnote.com/public_html/wpjs/wp-includes/template-loader.php(78): include() #1 /home/jszk/desnote.com/public_html/wpjs/wp-blog-header.php(19): require_once('/home/jszk/desn...') #2 /home/jszk/desnote.com/public_html/index.php(17): require('/home/jszk/desn...') #3 {main} thrown in /home/jszk/desnote.com/public_html/wpjs/wp-content/themes/the-thor-child/single.php on line 658