[解決済み] JavaScriptの "require "とは何ですか？

質問

JavaScriptでPostgreSQLデータベースの読み書きをしようとしています。私はこれを見つけた プロジェクト をGitHubで公開しています。以下のサンプルコードをNodeで実行させることができました。

var pg = require('pg'); //native libpq bindings = `var pg = require('pg').native`
var conString = "tcp://postgres:1234@localhost/postgres";

var client = new pg.Client(conString);
client.connect();

//queries are queued and executed one after another once the connection becomes available
client.query("CREATE TEMP TABLE beatles(name varchar(10), height integer, birthday timestamptz)");
client.query("INSERT INTO beatles(name, height, birthday) values($1, $2, $3)", ['Ringo', 67, new Date(1945, 11, 2)]);
client.query("INSERT INTO beatles(name, height, birthday) values($1, $2, $3)", ['John', 68, new Date(1944, 10, 13)]);

//queries can be executed either via text/parameter values passed as individual arguments
//or by passing an options object containing text, (optional) parameter values, and (optional) query name
client.query({
  name: 'insert beatle',
  text: "INSERT INTO beatles(name, height, birthday) values($1, $2, $3)",
  values: ['George', 70, new Date(1946, 02, 14)]
});

//subsequent queries with the same name will be executed without re-parsing the query plan by postgres
client.query({
  name: 'insert beatle',
  values: ['Paul', 63, new Date(1945, 04, 03)]
});
var query = client.query("SELECT * FROM beatles WHERE name = $1", ['John']);

//can stream row results back 1 at a time
query.on('row', function(row) {
  console.log(row);
  console.log("Beatle name: %s", row.name); //Beatle name: John
  console.log("Beatle birth year: %d", row.birthday.getYear()); //dates are returned as javascript dates
  console.log("Beatle height: %d' %d\"", Math.floor(row.height/12), row.height%12); //integers are returned as javascript ints
});

//fired after last row is emitted
query.on('end', function() { 
  client.end();
});

次に、ウェブページ上で実行させようとしましたが、何も起こらないようです。JavaScriptのコンソールで確認すると、"require not defined"と表示されるだけです。

では、この "require" とは何なのでしょうか？なぜNodeでは動作するのに、Webページでは動作しないのでしょうか？

また、Nodeで動作させる前は npm install pg . それはどういうことですか？ディレクトリを探しても、ファイルpgは見つかりませんでした。どこに置いたんだろう、JavaScriptはどうやって見つけるんだろう？

どのように解決するのですか？

<ブロッククオート

では、このquot;require?quotとは何でしょうか。

require() は標準的なJavaScriptのAPIの一部ではありません。しかし、Node.jsでは、特別な目的を持った組み込み関数です。 モジュールをロードするために .

モジュールは、アプリケーションのすべてを1つのファイルに収めるのではなく、アプリケーションを別々のファイルに分割するための方法です。この概念は、構文や動作に若干の違いがあるものの、他の言語にも存在し、例えばC言語の include Pythonの import といった具合に。

Node.jsのモジュールとブラウザのJavaScriptの大きな違いの一つは、あるスクリプトのコードから別のスクリプトのコードにアクセスする方法です。

• ブラウザJavaScriptでは、スクリプトは <script> 要素を使用します。これらのスクリプトは実行時に、すべてのスクリプトが共有するグローバルスコープに直接アクセスすることができます。どのスクリプトもグローバルスコープ上の何かを自由に定義、変更、削除、呼び出すことができます。

• Node.jsでは、各モジュールは独自のスコープを持っています。モジュールは、他のモジュールで定義されたものを公開しない限り、直接アクセスすることはできません。あるモジュールのものを公開するには、そのモジュールを exports または module.exports . あるモジュールが他のモジュールの exports または module.exports , を使用する必要があります。 require() .

あなたのコードで var pg = require('pg'); が読み込まれます。 pg モジュールは、Node.js 用の PostgreSQL クライアントです。これにより、あなたのコードは、PostgreSQLクライアントのAPIの機能に pg 変数を使用します。

<ブロッククオート

nodeでは動作するのに、なぜWebページでは動作しないのですか？

require() , module.exports と exports は、Node.jsに特有のモジュールシステムのAPIです。ブラウザは、このモジュールシステムを実装していません。

<ブロッククオート

また、nodeで動作させる前は npm install pg . それはどういうことですか？

NPM は、公開された JavaScript モジュールをホストするパッケージリポジトリサービスです。 npm install は、そのリポジトリからパッケージをダウンロードするためのコマンドです。

<ブロッククオート

どこに置いたのか、Javascriptはどうやってそれを見つけるのか？

npm cli は、ダウンロードしたモジュールをすべて node_modules を実行したディレクトリに npm install . Node.jsには、以下のような非常に詳細なドキュメントがあります。 モジュールが他のモジュールを見つける方法 これには node_modules ディレクトリを作成します。