以下のモジュールの違いについて

Question

node.jsについて学習を始めています。
モジュールというものを学んでいるのですが、以下2つのコードの違いがわかりません。

exports.add = function(val1, val2) { // 1
  return val1 + val2;
}

exports.sub = function(val1, val2) {
  return val1 - val2;
}

var Hoge = function(){}

Hoge.prototype.add=function(val1, val2) {
  return val1 + val2;
}

Hoge.prototype.sub=function(val1, val2) {
  return val1 - val2;
}

var hoge = new Hoge();
module.export = hoge;

どちらもrequireして"変数.add" "変数.sub"として呼び出すので同じではないのでしょうか。

Comments

[m.ts10806]

どこで「違う」という情報を得たのでしょうか。そこになにも解説はなかったのでしょうか。

[_beg]

代入不可かどうか、とは書いてあったのですがよくわからなくてですね。

[m.ts10806]

それがどこに書いてあったのか提示されないとその説明の正当性や質問者さんの理解度ははかれませんし、この質問で何が問題かというのも伝わりませんので。

Answer 1

"変数.add" "変数.sub"
使い方は同じですが、メソッドの所在が違います

Hogeの場合

{add: ƒ, sub: ƒ, constructor: ƒ}
add: ƒ (val1, val2)
sub: ƒ (val1, val2)
constructor: ƒ ()
length: 0
name: "Hoge"
arguments: null
caller: null
prototype: {add: ƒ, sub: ƒ, constructor: ƒ}
__proto__: ƒ ()
[[FunctionLocation]]: lesson4-2.js:23
[[Scopes]]: Scopes[3]
__proto__: Object

exportsの場合

{constructor: ƒ}
constructor: ƒ ()
add: ƒ (val1, val2)
sub: ƒ (val1, val2)
length: 0
name: "exports"
arguments: null
caller: null
prototype:
constructor: ƒ ()
add: ƒ (val1, val2)
sub: ƒ (val1, val2)
length: 0
name: "exports"
arguments: null
caller: null
prototype: {constructor: ƒ}
__proto__: ƒ ()
[[FunctionLocation]]: lesson4-2.js:37
[[Scopes]]: Scopes[3]
__proto__: Object
__proto__: ƒ ()
[[FunctionLocation]]: lesson4-2.js:37
[[Scopes]]: Scopes[3]
__proto__: Object

exports で"変数.add" "変数.sub"使用する際にconstructorにメソッドを探しに行きましたがHogeの場合は必要ありません