質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

3回答

1379閲覧

メソッドをconsole.log()で確認したい

zfanr

総合スコア14

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2019/05/01 04:24

編集2019/05/01 05:56

nodejsでローカルで制作していて、その際にターミナルで、クラスから作られたインスタンスのメソッドを確認する方法を知りたいです。

以下の場合、testというインスタンスにはどんなメソッドがあるのか(sayというメソッドがある)と確認したいです。
そしてそのメソッドの内容(console.log(this.name))を確認したいです。

そのクラスが書かれている箇所をファイルの中から探してソースコードを見る以外に、ターミナルで出力して、「このインスタンスにはこんなメソッドがついているのだな」とかを知りたいです。

自分で書いた場合はわかると思うのですが、ライブラリなどの場合ファイルがたくさんあり、また自分には読めなかったりするので、読み解く際に知りたいと思ったからです。

それとももっと違う方法で確認したりするのでしょうか。

javascript

1class Test { 2 constructor(){ 3 this.name = "taro"; 4 } 5 say(){ 6 console.log(this.name); 7 } 8} 9const test = new Test(); 10console.log(test)//Test { name: 'taro' } 11console.log(test.constructor)//[Function: Test]

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

maisumakun

2019/05/01 05:31

「確認する」とありますが、そのメソッドに対して、何を確認したいのでしょうか。
zfanr

2019/05/01 05:57

ご指摘ありがとうございます。質問を少し修正してみました。
guest

回答3

0

ベストアンサー

toStringを使うといいんじゃないかと思います!!

FunctionはObject​.prototype​.toStringをFunction​.prototype​.toStringで上書きするので、そのままFunctionオブジェクトでtoStringを呼ぶと関数のソースコードを表す文字列が出てきます!

JS

1{ 2 class Test { 3 constructor(){ 4 this.name = "taro"; 5 } 6 say(){ 7 console.log(this.name); 8 } 9 } 10 const test = new Test(); 11 console.log(test.constructor.toString()); 12 console.log("------"); 13 console.log(test.say.toString()); 14}

投稿2019/05/01 23:14

hogejack

総合スコア51

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

zfanr

2019/05/03 04:04

あらがとうございます。これがわかりやすかったです。 以下も理解がすすみました。 >FunctionはObject​.prototype​.toStringをFunction​.prototype​.toStringで上書きする
guest

0

書いてみました。
テストしてないのでちゃんと動作するか不安ですが。

js

1 class Test { 2 constructor(){ 3 this.name = "taro"; 4 } 5 say(){ 6 console.log(this.name); 7 } 8 } 9 10 const test = new Test(); 11 12 const getMethodNameOf = obj => { 13 const proto = Object.getPrototypeOf(obj); 14 if ( proto === null ) return [ ...Object.getOwnPropertyNames(obj).filter( p => obj[p] instanceof Function) ]; 15 return [ ...Object.getOwnPropertyNames(obj).filter( p => obj[p] instanceof Function ), ...getMethodNameOf(proto)]; 16 } 17 18 getMethodNameOf(test); 19 20/* 21constructor,say,toSource,toString,toLocaleString,valueOf,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,__defineGetter__,__defineSetter__,__lookupGetter__,__lookupSetter__,constructor 22*/ 23 24 getMethodNameOf(test).map(x=>test[x].toSource()); 25/* 26class Test { 27 constructor(){ 28 this.name = "taro"; 29 } 30 say(){ 31 console.log(this.name); 32 } 33 },say(){ 34 console.log(this.name); 35 },function toSource() { 36 [native code] 37},function toString() { 38 [native code] 39},function toLocaleString() { 40 [native code] 41},function valueOf() { 42 [native code] 43},function hasOwnProperty() { 44 [native code] 45},function isPrototypeOf() { 46 [native code] 47},function propertyIsEnumerable() { 48 [native code] 49},function __defineGetter__() { 50 [native code] 51},function __defineSetter__() { 52 [native code] 53},function __lookupGetter__() { 54 [native code] 55},function __lookupSetter__() { 56 [native code] 57},class Test { 58 constructor(){ 59 this.name = "taro"; 60 } 61 say(){ 62 console.log(this.name); 63 } 64 } 65*/

なお、.toSource()メソッドは非標準なので、ご注意を。

投稿2019/05/02 01:14

編集2019/05/02 01:19
Lhankor_Mhy

総合スコア36057

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

zfanr

2019/05/03 03:59

自分の環境では.toSource()はエラーとなってしまいましたが、確認できました。 描いていただいたコードを読み解いて見ます。ありがとうございます。
guest

0

console.log(test.name);// taro
これじゃだめ?

投稿2019/05/01 15:39

katsun0921

総合スコア32

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

zfanr

2019/05/01 15:47

ありがとうございます。 ただ、メソッド(この場合はsay)が知りたいのです。 console.log(test) だと Test { name: 'taro' } でプロパティは出てくるのですが、メソッドが出て来なくて確認ができないのです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問