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

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

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

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

Q&A

解決済

3回答

368閲覧

javascriptの関数から、別オブジェクトのメソッドにアクセスしたい。

kss

総合スコア9

JavaScript

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

0グッド

0クリップ

投稿2022/09/29 07:17

前提

javascriptの関数から、別オブジェクトのメソッドにアクセスしたい。

実現したいこと

strとオブジェクトの2つの引数を受け取るcalc関数の中で、aaaオブジェクトのmethodメソッドにアクセスしたいです。

発生している問題・エラーメッセージ

Error: obj.func is not a function

該当のソースコード

javascript

1const aaa ={ 2 name: 'aaa', 3 method: ()=>{ return 'method'} 4 } 5 6function calc(obj={str:'', func:()=>{}}){ 7 let res = obj.func() 8 9 console.log(res) 10 } 11 12calc(aaa)

試したこと

aaaオブジェクトのmethodメソッドを

method(){return 'method'}

のように書き換えたりもしましたが変わりませんでした。

こちらにて質問するのは初めてなので不足事項などありましたら申し訳ございません。
よろしくお願いします。

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

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

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

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

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

int32_t

2022/09/29 07:24

calc() の 引数の obj=... はどういう意図で書いてますか?
kss

2022/09/29 07:31

int32_t様 ありがとうございます。 strというプロパティ、funcというメソッドを持ったオブジェクトを引数として受け取る、という意図で記述しました。
int32_t

2022/09/29 07:44

> strというプロパティ、funcというメソッドを持ったオブジェクトを引数として受け取る、という意図 そのようには動きませんです。 デフォルト引数の指定なので、calc(aaa) と引数を指定して呼ぶ場合には ={...} の部分は無視されます。calc() のように引数なしで呼んだ場合に obj が {str:'', func:()=>{}} になります。
kss

2022/09/29 07:46

int32_t様 ありがとうございます。 typescriptを直前に学習していたので、型の指定と勘違いしていたようです。 ご回答ありがとうございました。
guest

回答3

0

求められていることが以下の2点:

  • 引数のオブジェクトの nameプロパティとmethodプロパティを、関数の本体の中では変数strおよび変数func として使いたい。
  • かつ、引数のオブジェクトが渡されなかった場合のstrfunc の初期値を指定したい。

なのであれば、以下のようにすれば出来ます。

javascript

1function calc({ name: str = '', method: func = ()=>{} } = {}){ 2 const res = func(); 3 4 console.log(str, res); 5}

投稿2022/09/29 07:47

編集2022/09/29 09:34
退会済みユーザー

退会済みユーザー

総合スコア0

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

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

kss

2022/09/29 07:50

su507様 サンプル付きのご回答ありがとうございます。 とても参考になりました。
kss

2022/09/30 01:05

su507様 とんでもないです、ご丁寧にありがとうございます。 非常に勉強になりました。
guest

0

ベストアンサー

オブジェクトaaaの中のkeyと、calc()関数のなかのobj.method()は同じにしないとだめです。
aaaのなかにfuncは存在しないので、obj.func()と書いたらエラーになります。

javascript

1const aaa = { 2 name: 'aaa', 3 method: () => { // ここの名前を 4 return 'method' 5 } 6} 7 8// (obj={str:'', func:()=>{}})は、 9// calc()と書かれて引数に何も指定されなかったときのための、初期値 10// calc(aaa)ときちんと引数を渡しているので、 11// {str:'', func:()=>{}}は無視されます。 12function calc(obj) { 13 let res = obj.method(); // ここで使う 14 console.log(res); 15} 16 17calc(aaa);

投稿2022/09/29 07:40

編集2022/09/29 07:43
Cocode

総合スコア2314

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

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

kss

2022/09/29 07:44

Cocode様 ご回答ありがとうございます。 func:()=>{}のように関数の形で記述すれば、javascript側が勝手にFunc = methodと認識してくれると勘違いしていました。 関数の引数にオブジェクトを取る際は、代入するオブジェクトとプロパティ名を一致させなければいけないのですね。 ありがとうございました。
guest

0

calcの方をaaaに合わせると

js

1const aaa ={ 2 name: 'aaa', 3 method: ()=>{ return 'method'} 4 } 5 6function calc(obj={str:'', method:()=>{}}){ 7 let res = obj.method() 8 9 console.log(res) 10 } 11 12calc(aaa)

aaaの方をcalcに合わせると

js

1const aaa ={ 2 name: 'aaa', 3 func: ()=>{ return 'method'} 4 } 5 6function calc(obj={str:'', func:()=>{}}){ 7 let res = obj.func() 8 9 console.log(res) 10 } 11 12calc(aaa)

投稿2022/09/29 07:23

ozwk

総合スコア13512

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

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

kss

2022/09/29 07:29

ozwk様 早速のご回答ありがとうございます。 もし差し支えなければお教えいただきたいのですが、オブジェクトのプロパティ名と、関数の引数にしていしているオブジェクトのプロパティ名は一致していないといけないのでしょうか。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問