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

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

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

if文とは様々なプログラミング言語で使用される制御構文の一種であり、条件によって処理の流れを制御します。

JavaScript

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

関数

関数(ファンクション・メソッド・サブルーチンとも呼ばれる)は、はプログラムのコードの一部であり、ある特定のタスクを処理するように設計されたものです。

Q&A

解決済

1回答

939閲覧

JavaScript 引数に関数をとったときにif文が上手く動かない

tama-yu

総合スコア1

if

if文とは様々なプログラミング言語で使用される制御構文の一種であり、条件によって処理の流れを制御します。

JavaScript

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

関数

関数(ファンクション・メソッド・サブルーチンとも呼ばれる)は、はプログラムのコードの一部であり、ある特定のタスクを処理するように設計されたものです。

0グッド

0クリップ

投稿2021/08/09 13:14

編集2021/08/09 14:12

前提・実現したいこと

プログラミング初心者です。関数の引数に関数を当てはめて、なおかつ引数でない方の関数に引数の関数を実行するかどうかのif文を書いたのですが、if文に当てはまらなくても引数の関数が実行されてしまいます
具体的には、以下のソースコードにおいて、「"t=5"ボタンを押すことによりafterclick1関数(変数tの値を5にする)を実行」しなくても「"実行"ボタンを押してafterclick2関数を実行」することで、outside関数の引数であるinside関数が実行されます。(それによって得られるconsole.logの値は"t=5"と"tの値は0"となり、tについては5になっていないようです。)
これを、t=5、すなわちafterclick1が実行されたという条件を満たしていないときには実行されず、条件を満たした時に実行されるようにするにはどのようにすればよろしいでしょうか。

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

以下のコードでif文を満たさなくてもinside関数が実行されます。

エラーメッセージ

該当のソースコード

html

1 2 3<!DOCTYPE html> 4<html> 5 <head> 6 <input type="button" onclick="afterclick1()" value="t=5" style="font-size:70px; width:286px;height:90px; position: absolute;left:70px; top:70px;" id="next"> 7 <input type="button" onclick="afterclick2()" value="実行" style="font-size:70px; width:286px;height:90px; position: absolute;left:370px; top:70px;" id="next"> 8</head> 9<body> 10 11 <script type="text/javascript" src="fcn.js"></script> 12 13</body> 14 </html> 15

JavaScript

1 2var t=0; 3 4 5//ボタンを押した時に呼び出される関数 6function afterclick1() { 7 t=5; 8} 9function afterclick2() { 10//ここにif文を書くと問題ないようですが、目的とは少し異なります。 11 outside(inside()) 12} 13 14//関数を引数にする関数と引数として扱いたい関数 15//引数にしたい関数 16function inside() { 17 console.log("t=5") 18 console.log("tの値は"+t) 19} 20 21//引数に関数を指定したい関数 22function outside(fc) { 23 if(t==5) fc; 24} 25

試したこと

ソースコードにある通りに目的とは違いますがafterclick2関数にif文を書くことを試したところととりあえずこのコードでの実行はできるようです。
ただ、自分はoutside関数内で条件分岐をしたいと思っています。
また、検索もしましたが、その結果、newを使ったものが見つかりました自分はnewを使わずにコードを書きたいと思っています。

補足情報

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

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

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

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

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

guest

回答1

0

ベストアンサー

関数の引数は、渡す前に処理されます。

つまり、outside(inside())は、先にinside()の処理を済ませてから、その結果をoutsideに渡します。

条件分岐する内容を関数の外から渡したい場合は、関数として渡して内部で「実行するかしないか」という形で分ける必要があります。

投稿2021/08/09 13:18

maisumakun

総合スコア145208

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

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

maisumakun

2021/08/09 13:27

outside(inside)で呼んで、受け取った側で「if(t==5) fc();」のようにすれば、ひとまず実現できます。
tama-yu

2021/08/09 13:37

すみません、受け取った側とは、関数でいうとどの関数の中でしょうか。
maisumakun

2021/08/09 13:39

outsideの中身の「if(t==5) fc;」をこう書き換える、という意味合いです。
tama-yu

2021/08/09 13:41

実行してみましたが、先程と同じになっています。
tama-yu

2021/08/09 13:58

変更してくださったコードと見比べたところ、fc()の方ばかり注目していて自分がoutside(inside())の()を取ることを忘れていました。すみません。 目的の通りに動作して、解決しました。ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問