このJavascriptは「必要」ですか？

私は、JavascriptをPostgreSQLデータベースに読み書きできるようにしています。このプロジェクトはgithubで見つかりました。次のサンプルコードをノードで実行することができました。

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();
});

次に、それをWebページで実行しようとしましたが、何も起こらないようでした。私はJavascriptコンソールを確認しましたが、「定義する必要はありません」と表示されています。

それで、これは何が必要ですか？ノードでは機能するがウェブページでは機能しないのはなぜですか？

また、nodeで動作させる前に、私はそうしなければなりませんnpm install pgでした。それは何ですか？私はディレクトリを調べましたが、ファイルpgが見つかりませんでした。それはどこにそれを置きましたか、そしてJavaScriptはどのようにそれを見つけましたか？

それで、これは何が必要ですか？

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

モジュールは、アプリケーションをすべて1つのファイルにまとめるのではなく、アプリケーションを個別のファイルに分割する方法です。この概念は、C includeやPython など、構文や動作にわずかな違いがある他の言語にも存在しますimport。

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

• ブラウザのJavaScriptでは、スクリプトは<script>要素を介して追加されます。それらが実行されると、すべてがグローバルスコープ、つまりすべてのスクリプト間の「共有スペース」に直接アクセスできます。どのスクリプトでも、グローバルスコープで何でも自由に定義/変更/削除/呼び出しできます。

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

コードで、Node.js用のPostgreSQLクライアントでvar pg = require('pg');あるpgモジュールをロードします。これにより、コードはpg変数を介してPostgreSQLクライアントのAPIの機能にアクセスできます。

ノードでは機能するがウェブページでは機能しないのはなぜですか？

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

また、nodeで動作させる前に、私はそうしなければなりませんnpm install pgでした。それは何ですか？

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

それはどこにそれを置きましたか、そしてJavaScriptはどのようにそれを見つけましたか？

npm cliは、ダウンロードしたすべてのモジュールを実行したnode_modulesディレクトリに配置しますnpm install。Node.jsには、ディレクトリの検索を含む、モジュールが他のモジュールを検索する方法に関する非常に詳細なドキュメントがありますnode_modules。

では、最初に、Webブラウザの JavaScript とサーバー（CommonJSおよびNode）のJavaScript を区別するところから始めましょう。

Javascriptは、伝統的にWebブラウザに限定された言語であり、主にドキュメントオブジェクトモデル（DOM）レベル0（Netscape Navigator Javascript API）と呼ばれるようになったものによって定義されるグローバルコンテキストが制限されています。

サーバー側のJavaScriptはその制限を取り除き、JavaScriptがさまざまなネイティブコード（Postgresライブラリなど）を呼び出してソケットを開くことを許可します。

これrequire()は、CommonJS仕様の一部として定義された特別な関数呼び出しです。ノードでは、ノード検索パスのライブラリとモジュールを解決します。現在は通常、次のように定義されています。node_modules同じディレクトリ（または呼び出されたjavascriptファイルのディレクトリ）またはシステム全体の検索パスています。

残りの質問に答えるには、ブラウザーで実行されているコードとデータベースサーバーの間でプロキシを使用する必要があります。

ここではノードについて説明しており、そこからクエリを実行する方法をすでに理解しているので、ノードをプロキシとして使用することは理にかなっています。

簡単な例として、名前を指定すると、ビートルに関するいくつかの事実をJSONとして返すURLを作成します。

/* your connection code */

var express = require('express');
var app = express.createServer();
app.get('/beatles/:name', function(req, res) {
    var name = req.params.name || '';
    name = name.replace(/[^a-zA_Z]/, '');
    if (!name.length) {
        res.send({});
    } else {
        var query = client.query('SELECT * FROM BEATLES WHERE name =\''+name+'\' LIMIT 1');
        var data = {};
        query.on('row', function(row) {
            data = row;
            res.send(data);
        });
    };
});
app.listen(80, '127.0.0.1');

モジュールのロードに使用されます。簡単な例を使用してみましょう。

ファイルcircle_object.js：

var Circle = function (radius) {
    this.radius = radius
}
Circle.PI = 3.14

Circle.prototype = {
    area: function () {
        return Circle.PI * this.radius * this.radius;
    }
}

これはrequire、次のように使用できます。

node> require('circle_object')
{}
node> Circle
{ [Function] PI: 3.14 }
node> var c = new Circle(3)
{ radius: 3 }
node> c.area()

このrequire()メソッドは、JavaScriptモジュールのロードとキャッシュに使用されます。したがって、ローカルの相対JavaScriptモジュールをNode.jsアプリケーションにロードする場合は、このrequire()メソッドを使用するだけで済みます。

例：

var yourModule = require( "your_module_name" ); //.js file extension is optional

他の回答で必要なものを説明し、ノードでモジュールをロードするために使用されていることに気付きましたが、ブラウザで作業しているときにノードモジュールをロードする方法について完全な返答がありませんでした。

とても簡単です。説明したようにnpmを使用してモジュールをインストールすると、モジュール自体は通常node_modulesと呼ばれるフォルダーに配置されます。

これをアプリにロードする最も簡単な方法は、このディレクトリを指すスクリプトタグでhtmlから参照することです。つまり、node_modulesディレクトリがプロジェクトのルートのindex.htmlと同じレベルにある場合は、index.htmlに次のように記述します。

<script src="node_modules/ng"></script>

スクリプト全体がページに読み込まれるので、その変数とメソッドに直接アクセスできます。

require.jsのようなモジュールローダーのような、より大きなプロジェクトでより広く使用されている他のアプローチがあります。2つのうち、私はRequire自分自身を使用したことはありませんが、多くの人々はそれが進むべき道だと考えています。

ブラウザでJavaScriptを実行しているときに、「ウィンドウ」やMathなどの変数にアクセスする方法を知っていますか。これらの変数を宣言する必要はありません。いつでも使用できるように記述されています。

さて、Node.js環境でファイルを実行しているとき、使用できる変数があります。「モジュール」と呼ばれるオブジェクトです。「エクスポート」というプロパティがあります。そしてそれはこのように機能します：

example.jsという名前のファイルに、次のように記述します。

example.js

module.exports = "some code";

ここで、この文字列「別のコード」を別のファイルに入れます。

他のファイルにotherFile.jsという名前を付けます

このファイルには、次のように記述します。

otherFile.js

let str = require('./example.js')

require（）ステートメントは、その中に置いたファイルに行き、module.exportsプロパティに保存されているデータを見つけます。コードのlet str = ...の部分は、ステートメントが返すものはすべてstr変数に格納されることを意味します。

したがって、この例では、最終結果はotherFile.jsに次のようになります。

let string = "some code";

• または-

str =（ './example.js').module.exports

注意：

requireステートメント内に書き込まれるファイル名：ローカルファイルの場合、example.jsへのファイルパスである必要があります。また、デフォルトで.js拡張子が追加されているので、記述する必要はありませんでした。

Expressなど、node.jsライブラリが必要な場合も同様です。express.jsファイルには、「module」という名前のオブジェクトがあり、「exports」という名前のプロパティがあります。

だから、それはこれらの線に沿って、内面のように見えます（私は多少初心者なので、これらの詳細の一部は正確ではないかもしれませんが、概念を示すためです：

express.js

module.exports = function() {
    //It returns an object with all of the server methods
    return {
        listen: function(port){},
        get: function(route, function(req, res){}){}
     }
}

モジュールが必要な場合は、次のようになります。const moduleName = require（ "module-name"）;

ローカルファイルが必要な場合は、次のようになります。const localFile = require（ "./ path / to / local-file"）;

（ファイル名の先頭の./に注意してください）

また、デフォルトでは、エクスポートはオブジェクトであることに注意してください。例：module.exports = {}したがって、module.exports.myfunction =（）=> {}と記述してから、module.exportsに値を割り当てることができます。しかし、module.exports = "私はもうオブジェクトではありません。"と書くことでオブジェクトを置き換えることもできます。

module.exports / requireの2つのフレーバー：

（こちらをご覧ください）

フレーバー1
エクスポートファイル（misc.js）：

var x = 5;
var addX = function(value) {
  return value + x;
};
module.exports.x = x;
module.exports.addX = addX;

他のファイル：

var misc = require('./misc');
console.log("Adding %d to 10 gives us %d", misc.x, misc.addX(10));

フレーバー2
エクスポートファイル（user.js）：

var User = function(name, email) {
  this.name = name;
  this.email = email;
};
module.exports = User;

他のファイル：

var user = require('./user');
var u = new user();