function有りのメソッドとfunction無しのメソッド?の違いを教えて下さい。

Question

初歩的な質問で申し訳ないのですが、以下教えて下さい。
下記のコードについて、createFileManagerメソッドは、頭に"function"が付いています。
一方でsaveFileメソッドは、頭に"function"が付いていません。

なぜ、頭に"function"が付くメソッドと付かないメソッドが存在するのでしょうか。両者の違いを教えて下さい。// もしかして、saveFileはメソッドではない?

import fs from "fs";

class FileManager {
  function createFileManager() {
    return new FileManager();
  }

  saveFile(filePath, text) {
    return new Promise((resolve) => {
      fs.writeFileSync(filePath, text);
      resolve();
    }); 
  }

  export default createFileManager;                                                            
}

Answer 1

下記のコードについて、createFileManagerメソッドは、頭に"function"が付いています。

一方でsaveFileメソッドは、頭に"function"が付いていません。なぜ、頭に"function"が付くメソッドと付かないメソッドが存在するのでしょうか。両者の違いを教えて下さい。

掲載のコード自体にいろいろと間違いが含まれていますので、この質問自体が成り立ちません。どこかから拾ってきたコードなのかもしれませんが、このコードは動きません。（動作確認を質問者さんはされてないですよね？）

import fs from "fs";

class FileManager {

// こういう書き方がそもそもできません。よって質問が成り立ちません。
~~ function createFileManager() {
return new FileManager();
}~~

saveFile(filePath, text) {

// 同期処理をしているのにも関わらず、なぜ、あえてPromiseを使うのか意味不明です
~~ return new Promise((resolve) => {
fs.writeFileSync(filePath, text);
resolve();
}); ~~
}
//ここでexportって出来ないのでは？
~~ export default createFileManager; ~~
}

Comments

[U_0326]

ご回答頂き有りありがとう御座います。仰る通り未動確のコードになります。失礼致しました。

Answer 2

こんにちは。

簡略化したコードで、まずfunction無しの方から説明します。

class A {
    f() { 
      console.log("hello world !");
    }
}

と書かれていたら、 f は Aのプロトタイプが持っている関数オブジェクトです。
すなわち、

console.log(A.prototype.f instanceof Function); 

は、true と表示されます。
Aに new を付加して、コンストラクタとして呼ぶことで得られるオブジェクト a

const a = new A();

は、a.__proto__ が A.prototypeであって、これが関数f を持っているので、
aはA.prototypeからプロパティf を（プロトタイプ）継承しており、
a をレシーバーとして

a.f();

と呼べます。関数であるプロパティはメソッドと呼ばれますので、この fは、
（Aをコンストラクタとして作られたオブジェクトの）メソッドになります。

参考のため、上記の説明の検証コードを以下に上げました。

https://jsfiddle.net/jun68ykt/L5qhp3vt/4/

次に、function ありのほうですが、

class A {
    function f() { 
      console.log("hello world !");
    }
}

は文法エラーになります。試しに上記を
test_NG_A.js
に保存して node で実行してみると、以下のようなエラーメッセージが表示されました。

/usr/local/bin/node /Users/jun68ykt/repos/tera118885/test_NG_A.js
/Users/jun68ykt/repos/tera118885/test_NG_A.js:2
    function f() {
　　　　　           　  ^

SyntaxError: Unexpected identifier
    at new Script (vm.js:51:7)
    at createScript (vm.js:138:10)
    at Object.runInThisContext (vm.js:199:10)
    at Module._compile (module.js:626:28)
    at Object.Module._extensions..js (module.js:673:10)
    at Module.load (module.js:575:32)
    at tryModuleLoad (module.js:515:12)
    at Function.Module._load (module.js:507:3)
    at Function.Module.runMain (module.js:703:10)
    at st
Process finished with exit code 1

以上、参考になれば幸いです。

Comments

[U_0326]

ご回答頂き有りありがとう御座います。勉強させて頂きました。