JavaScript の質問用スレッド vol.125

1 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 15:57:40.26 ID:TS5TGpUB0.net] !extend:checked:vvvvvv:1000:512 JavaScript を自ら学ぶ人のための質問スレッドです。 >>2-5のテンプレを読んだ上で質問してください。次スレは>>950が>>2の「次スレの立て方」を元に立ててください ■質問を書く上で (1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。 (2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。 　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など) (3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。 (4) 常に自発的に調べる心構えを持ってください。 　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。 　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。 (5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。 (6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。 　　※必ず「問題の事象が再現されること」を確認してください。 　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。 (7) サンプルコードに HTML が含まれる場合は validator.w3.org/ で [Check] してみてください。 (8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。 (9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。 (10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 ■前スレ JavaScript の質問用スレッド vol.124 https://mevius.5ch.net/test/read.cgi/tech/1636525464/ VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured 495 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 13:51:42.59 ID:fuxINEHv0.net] >>471様 Live serverを使って、別のスタイルシートで設定した、フォント色の変更はOKでした。 ありがとうございました。 ただ、@keyframesに関しては、CSSKeyframeRule__{keyText..,style,,cssText,,}__までは見れたのですが 内容の変更方法が分からないため断念しました 時間あるときに再チャレンジしてみます 皆様ありがとうございました 496 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 15:01:08.23 ID:pO4MU7IP0.net] var ptEQ = 25.4 / 72; var SWmm = 0; mainfn(); function mainfn() { win1 = new Window('dialog', "Set Strokewidth"); win1.pnl = win1.add('panel'); win1.pnl.orientation = "column"; pg1 = win1.pnl.add('group'); pg1.orientation = "row"; pg1.add("statictext", [0, 0, 140, 23], "線幅を選択してください"); pg2 = win1.pnl.add('group'); rd21 = pg2.add("dropdownlist", [20, 40, 150, 65], ["0.1 mm", "0.12 mm", "0.15 mm", "0.2 mm", "0.25 mm", "0.3 mm", "0.4 mm", "0.5 mm", "0.6 mm" ]); rd21.selection = 0; pg9 = win1.pnl.add('group'); pg9.orientation = "row"; CAN = pg9.add("button", [0, 0, 100, 30], "cancel"); OK = pg9.add("button", [0, 0, 100, 30], "OK"); CAN.onClick = function() { win1.close() } OK.onClick = function() { win1.close(); dofn(); } win1.show(); } 497 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 15:02:39.66 ID:pO4MU7IP0.net] function dofn() { var SWmmS = rd21.selection.text; var SWmm = parseFloat(SWmmS); var SWpt = SWmm / ptEQ; var rectObj = activeDocument.pathItems.rectangle(-420.94488, 297.638, 150, 100); rectObj.filled = false; rectObj.stroked = true; rectObj.strokeColor = CMYKfn(0, 0, 0, 100); rectObj.strokeWidth = SWpt; rectObj.selected = true; rectObj.remove(); function CMYKfn(c, m, y, k) {　 COL = new CMYKColor();　 COL.cyan = c;　 COL.magenta = m;　 COL.yellow = y;　 COL.black = k;　 return COL; } } 498 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 15:07:33.18 ID:pO4MU7IP0.net] 線幅を変更するスクリプトなのですが、一応完成しました。 自分で使うだけならこれでいいのですが、他人に使ってもらう場合、ダイアログに「線幅を追加する」という項目を増やしたいと思っています。 rd21 = pg2.add("dropdownlist", [20, 40, 150, 65], ["0.1 mm", "0.12 mm", "0.15 mm", "0.2 mm", "0.25 mm", "0.3 mm", "0.4 mm", "0.5 mm", "0.6 mm"]); のところに項目を追加していくようなコードを書くことは可能なのでしょうか？ 自分自身を書き換えるコードだと思うのですが… （削除はどうでしょうか？ 例えば0.15 mmがいらないと思った場合、"0.15 mm"のを削除するコードを書くことは可能ですか？） 499 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 15:27:01.38 ID:oXRhIFIqd.net] スレ内を線幅で検索しても何も引っかからないのにこの書き出しで何か伝わると思ってるのすごいわ 線幅の配列を関数内で直書きしてるから自身を書き換えるとか面倒なことを考える必要があるわけで 関数の外に変数で宣言しとけば追加も削除もなんとでもなるでしょ 500 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 15:55:16.01 ID:gS/UmYxh0.net] 確かIllustratorかなんかのスクリプトでしょ ここ見てるほとんどはWebブラウザやnode.jsのJavaScriptは知っててもそっちは知らないと思う 文法的にはJavaScriptと同じでも出てくるオブジェクトは独自のものだろうし説明しないとわからんよ 501 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 16:14:37.67 ID:pO4MU7IP0.net] >>491 素人でもエディタで開かないとダメということですね。 var mm = ["0.1 mm", "0.12 mm", "0.15 mm", "0.2 mm", "0.25 mm", "0.3 mm", "0.4 mm", "0.5 mm", "0.6 mm"] // 線幅の項目を増やしたり削除したい場合は、上の1行を書き換えてください こう先頭に書き加えました。 502 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 16:16:02.82 ID:pO4MU7IP0.net] >>492 すみません 気を付けます 503 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 16:45:32.21 ID:oXRhIFIqd.net] >>493 意図が理解されなかったということが分かった コメント付けるって妥協するなら>>488のままでもいいでしょ ここの住人はadobe独自のことは詳しくないんだし他所で聞いたほうが的確な答えが返ってくるよ そもそもここはスレ違い 504 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 17:18:59.92 ID:l7z7KEaud.net] >>477 htaまだまだこれからだ ただhighDPI環境でスケーリング200%とかだとおかしな事になった想い出 505 名前：デフォルトの名無しさん mailto:sage [2022/12/26(月) 22:12:09.27 ID:LJgewTa3r.net] >>487 ①chromeで↓のurlを開く https://yari-demos.prod.mdn.mozit.cloud/ja/docs/Web/CSS/CSS_Animations/Using_CSS_animations/_sample_.making_it_move_back_and_forth.html ②chromeのコンソールを開いて↓を入力する document.styleSheets[1].cssRules[1].cssRules[0].style.marginLeft = "50%" 506 名前：デフォルトの名無しさん mailto:sage [2022/12/27(火) 15:47:36.10 ID:LHsOSApx0.net] >>497 ありがとうございました 所望の動作を確認できました JSはいろんな方法があるんですね 507 名前：デフォルトの名無しさん mailto:sage [2023/01/02(月) 12:58:47.15 ID:A6ceP6kcr.net] >>476 pythonのeelモジュールを使えば、昔のhtaっぽいことができます 508 名前：デフォルトの名無しさん mailto:sage [2023/01/02(月) 17:25:19.15 ID:V1TEslsJ0.net] >>499 OSに標準で入ってるedgeで使えるのはいいなあ 情報ありがとう 509 名前：デフォルトの名無しさん [2023/01/04(水) 19:01:14.59 ID:jNmuxM610.net] 「無名関数」、「関数リテラル」の理解がちょっとぼやけています。 次の様なコードがあったとき、 let calcResult = function calc(a,b){ return a*b; } calc() と()をつけて表せるものが普通の関数、それを変数に代入したもの calcResult が関数リテラルかと思っていました。 しかし、どうやら違うようで。。 510 名前：デフォルトの名無しさん [2023/01/04(水) 19:01:57.33 ID:jNmuxM610.net] 例えば以下の２つの関数があります。 ■「function関数」を変数に格納 let calcResult1 = function calc(a,b){ return a*b; } ■「無名関数」を変数に格納 let calcResult2 = function(a,b){ return a*b; } 「無名関数」は「関数リテラル」と同義である。とさまざまな文献に記述されています。 ならば、 calcResult1 は、関数リテラルではない。 calcResult2 は、関数リテラルである。 という認識で間違っていないでしょうか？ 511 名前：デフォルトの名無しさん [2023/01/04(水) 19:02:26.96 ID:jNmuxM610.net] SetInterval() に与える引数は、関数リテラルでなくてはならないそうです。 となると、以下は誤りで、 SetInterval(calcResult1,1000); 以下なら問題ない SetInterval(calcResult2,1000); という理解でよろしいでしょうか？ 512 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 20:37:28.67 ID:UYb7FHhp0.net] https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/function https://developer.mozilla.org/ja/docs/Glossary/Literal リテラルに関数は含まれてないな 「関数リテラル=無名関数」が間違ってて、calcResult1 も calcResult2 は、関数リテラル。 とイコールで結んじゃうのは乱暴か 字義に従えば「無名関数」には生成時に名前をつけなかった、程度の意味しかないかと ただ、関数式として生成された関数は変数に格納するか、でなければ他の関数の引数になるので、名前をつける意味はほぼない 結果的に関数式の関数は無名関数になることがほとんどで 513 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 20:40:11.89 ID:UYb7FHhp0.net] ここでいう「関数リテラル」は関数式で記述された関数のことで、名前があろうとなかろうと「関数リテラル」でいいんだと思う 514 名前：502 mailto:sage [2023/01/04(水) 20:53:07.39 ID:UYb7FHhp0.net] 途中送信で変になってるからまとめ直し >>502,503 その文脈での「関数リテラル」ってのは関数式で記述された関数のこと(>>504のリンク参照)で、名前の有無は関係ない 名前のあるcalcResult1 も 名前のないcalcResult2 も「関数リテラル」という理解でいいと思う 「無名関数」の「無名」には生成時に名前をつけなかった、程度の意味しかないかと ただ、関数式として生成された関数は変数に格納するか、でなければ他の関数の引数になるので、名前をつける意味はほぼなくて結果的に無名関数になることがほとんどではある 515 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 20:57:54.46 ID:jNmuxM610.net] >>504 すっごい分かりやすい。 モヤモヤしていたのがすっきりしました。 ありがとうございました。 516 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 21:00:20.48 ID:GLj+17iFr.net] 調べたら自分を再帰的に呼び出す場合に名前を付けるって例があってなるほどと思った 517 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 21:21:00.43 ID:GLj+17iFr.net] ちなみに>>503のsetIntervalの引数は関数リテラルでないといけないってのはどこ情報？ 518 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 21:23:57.48 ID:jNmuxM610.net] あれ。関数リテラルには引数はないのか。。引数の不要な関数しか関数リテラルにならんのか。 もちょっと調べてみます。 519 名前：デフォルトの名無しさん [2023/01/04(水) 21:32:15.85 ID:jNmuxM610.net] >>509 必要ならページ画像をどっかにアップします。。 技術評論社 JavaScript本格入門 https://gihyo.jp/book/2016/978-4-7741-8411-1 P362 setTimeout/SetIntervalメソッドの注意点 ...引数funcは必ず関数リテラルで指定してください。 520 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 21:39:03.24 ID:jNmuxM610.net] でも何かの引数に関数をわたすときは、 一般的に関数リテラルで渡すのがデフォと ぼんやり思っている。 521 名前：デフォルトの名無しさん [2023/01/04(水) 21:47:22.56 ID:QxUfEWbZ0.net] 技術評論社はやめとけよ。 522 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 21:55:58.51 ID:GLj+17iFr.net] >>511 文脈がわからんけど理由は書いてあるの？ 動く動かないで言えばfunction文で定義した関数リテラルでない関数を渡しても動くようだけど そもそもMDNにも関数としか書いてないし 523 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 22:20:18.03 ID:lFNs7lW+0.net] 単に著者が良く理解せずに書いてるだけな気がする 524 名前：デフォルトの名無しさん [2023/01/04(水) 22:21:10.60 ID:jNmuxM610.net] >>514 setTimeout()の例でしかもjQueryで 申し訳ないのですが。 １秒後に#displayのhtmlの内容を空にするコードです。 以下のようなコードではsetTimeoutが動かず、 setTimeout($('#display').html(' '), 1000); 代わりに、以下で動きます。 function clearDisplay(){ $('#display').html(''); } setTimeout(clearDisplay, 1000); このことから書籍にあるように 関数リテラルでないと引数に渡せないと 思っていました。。 書籍の文脈ですが、実際にあとで画像アップします。 525 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 22:46:11.56 ID:GLj+17iFr.net] >setTimeout($('#display').html(' '), 1000); これそもそも渡してるの関数じゃないからリテラル云々の問題じゃなくない？ html()が戻り値としてjQueryを返すからそれが引数として渡ってるでしょ >function clearDisplay(){ > $('#display').html(''); >} これもfunction「文」で定義してるから>>506で言うところの関数リテラルには当てはまらない関数だよね 526 名前：デフォルトの名無しさん mailto:sage [2023/01/04(水) 23:53:56.91 ID:PU4coe7B0.net] アロー関数式を使うことで、関数リテラルによる関数定義を より簡略化して記述することができます ただし、this には注意してください 527 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 00:01:25.43 ID:EVXeoiyo0.net] >>517 setTimeout($('#display').html(' '), 1000); これそもそも渡してるの関数じゃないからリテラル云々の問題じゃなくない？ 渡しているのは関数じゃない。。 んー。メソッドか。だから動かない。 ありがとう。 528 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 00:18:03.56 ID:7P17JKmwr.net] >>519 いや、関数かメソッドかの話じゃなくて $('#display').html(' ')をその場で実行してその戻り値であるjQueryオブジェクトを渡しちゃってるでしょって話 ちゃんと理解できてる？ https://js.studio-kingdom.com/jquery/manipulation/html#1 529 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 00:26:22.30 ID:EVXeoiyo0.net] 私の勘違いだったのですね。 たしかに関数ではない。。 一応書籍のページ画像をuploadしました。 「引数funcは必ず関数リテラルで指定してください。」 https://uploda1.ysklog.net/uploda/8298a4c0da.png 「関数リテラルは....ある関数の引数として渡したり....」 https://uploda1.ysklog.net/uploda/0bcdf35455.png 530 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 00:27:48.45 ID:EVXeoiyo0.net] >>520 理解したありがとう！ 531 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 02:04:13.18 ID:hRDnYJsk0.net] >>521 「引数funcは必ず関数リテラルで指定してください。」 ちょっと問題のある文章だなあ https://developer.mozilla.org/ja/docs/Web/API/setTimeout 第一引数は関数またはjavascriptコードとして実行される文字列 関数ってのは関数呼び出しじゃなくて関数名、または無名関数（関数リテラル） >>516 文字列で渡したら動くはず setTimeout("$('#display').html(' ')", 1000); 532 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 06:17:33.15 ID:O+NRT3S+0.net] >>523 > 「引数funcは必ず関数リテラルで指定してください。」 > ちょっと問題のある文章だなあ まあそこは直前に文字列でも指定できるけどって書いてるから教育的指導なんだろうとは思う まあ「必ず」という言葉が強すぎるから「引数funcは関数リテラルで指定するようにしてください。」程度でいいと思う むしろ問題は「関数リテラルは宣言した時点では、名前を持たないことから匿名関数、または無名関数と呼ばれることもあります。」の方だろうね 533 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 09:18:58.87 ID:EVXeoiyo0.net] >>523 >文字列で渡したら動くはず >setTimeout("$('#display').html(' ')", 1000); ありがとう。関数とは、関数呼び出しではなく実行される文字列 次いでもう一点お願いします。 https://uploda1.ysklog.net/uploda/0bcdf35455.png リスト4-04 function_literal.js 以下は、関数リテラルを使ってリスト4-01を書き換えたものです。 var getTraiangle = function(base,height){ return base * height/2; } console.log('三角形の面積：'+getTrianle(5,2)); ↑の getTrianle(5,2) は、関数リテラルなのですね。 てっきり()がないものが関数リテラルと思っていたが、 どうも、それも間違いようで。 534 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 09:20:11.59 ID:EVXeoiyo0.net] あくまで、関数を変数に代入するということが、重要なのでしょうか？ 535 名前：デフォルトの名無しさん [2023/01/05(木) 09:23:08.82 ID:EVXeoiyo0.net] 「関数呼び出し」と 「引数付の関数リテラル」は それだけみても違いわからないですね。 定義された場所を見て判断しないと。 536 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 10:06:29.26 ID:rM8SDmmnr.net] >>525 >>setTimeout("$('#display').html(' ')", 1000); >ありがとう。関数とは、関数呼び出しではなく実行される文字列 いやいや、それは関数じゃなくてただの文字列 setTimeoutの第一引数は文字列か関数って書いてあるでしょ 関数リテラルって言葉はもう忘れていいと思うよ そもそもMDNに記述がないから便宜的なものだし、その本での説明も怪しい 定義の仕方で区分されてるだけで実質的にはただの関数で 挙動に差異があるわけでもないだろうし 537 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 10:52:19.71 ID:rM8SDmmnr.net] >>524 >「引数funcは関数リテラルで指定するようにしてください。」程度でいいと思う それだとfunction命令で定義した関数は指定してはいけないと誤解されるからリテラルを削ったほうがいいかと 538 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 10:52:37.45 ID:uFu ] [ここ壊れてます] 539 名前：uDD5j0.net mailto: >>525 関数リテラルという呼び方はひとまず置いといて、無名関数という概念でとらえるとよい function(～～){～～} は見ての通り、ひとつの無名関数である var getTraiangle = function(base,height){ return base * height/2; } によって、変数getTraiangle でこの無名関数を参照できるようになる getTraiangle(5,2) では変数名を使って先の無名関数を呼び出し、戻り値が取得される これは一般に「関数の戻り値」と呼ばれる　（関数リテラルではない） console.log('三角形の面積：'+getTraiangle(5,2)); では、「+」によって、文字列 '三角形の面積：' と数値である戻り値が連結されて、ひとつの文字列が生成される console.log()がそれを出力する >>527 何かしら（無名）関数を使うにあたり、引数が要るなら付ける、要らないなら付けない、それだけの話 あなたの言う「引数付の関数リテラル」は勘違いで、「引数付きの関数呼び出し」に過ぎない >>526 そういうこと [] [ここ壊れてます] 540 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 11:50:49.92 ID:hRDnYJsk0.net] >>525 >setTimeout("$('#display').html(' ')", 1000); ありがとう。関数とは、関数呼び出しではなく実行される文字列 違う。全く違う。めっちゃ大事なことだから勘違いしないで それはsetTimeoutoの第一引数を文字列として指定した場合のこと 第一引数に関数を指定する方法は>>516で君は既にやっている setTimeout(clearDisplay, 1000); clearDisplay関数を定義してそれをsetTimeoutの第一引数に渡している これでいい >>529の言う通り >>528の言う通り今は無名関数とか関数リテラルとかにこだわらない方がいい >>525のうｐ画像に無名関数は重要な概念なので後ほど詳述ってあるからそこをみっちり勉強してね 541 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 12:50:07.72 ID:w+0CNSMQr.net] 関数リテラルの説明についてはここが一番しっくりくる https://www.javadrive.jp/javascript/function/index5.html 「関数リテラルを使った関数定義」って言い回しを強調してるのが良い だから関数リテラルを引数として渡すって言ったらこういうことだよなって dispNum(10, 8, function(x, y){ return (x + y) / 2; }); 542 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 14:46:47.66 ID:EVXeoiyo0.net] すいません。やっぱり関数リテラルという意味を理解したい。。でも↓この質問でわかるかも。 だれか答えていただけますでしょうか？ --- 次のコードがあります。１から５のうち どれが適切でしょうか？ let dispMessage = function(msg){ console.log(msg); }; 1. function(msg){console.log(msg);} は関数リテラルである。 2. dispMessage は関数リテラルである。 3. let dispMessage = function(msg){ console.log(msg); }; が全体として関数リテラルである。 4. 全て関数リテラルとはいえない。 5. 関数リテラルとは、用法のことであり、 コード部分を表すものではない。 543 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 14:53:38.67 ID:mmmJuCOb0.net] >>533 ぐぐったら以下の様に出る。結構理解しやすいと思うが。 リテラルとは リテラルとは、プログラムのソースコードにおいて使用される、数値や文字列を直接に記述した定数のことである。 変数の対義語であり、変更されないことを前提とした値である。 プログラミング言語のコード中にリテラルが挿入される場合には、判別のために特定の書式を用いる必要がある。 544 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 15:02:17.50 ID:EVXeoiyo0.net] うん。「リテラル」ということばによって惑わされてきた気がする。 545 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 15:06:19.08 ID:akcN5qw4a.net] 関数リテラルは関数として評価可能な右辺値と考えておけばまあいいんじゃないの 正確な定義は構文木の定義を見れば書いてある 546 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 15:10:13.35 ID:HxGsZjLmr.net] >>533 1だろう let s = "abc"; の"abc"を文字列リテラルと呼ぶけどそれを代入した変数sを 文字列リテラルとは呼ばないでしょ 547 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 15:28:42.13 ID:c7qQflpDr.net] >>533 で、繰り返しになるけど本やサイトによっても説明がまちまちで MDN探しても出てこないような用語だからあまり囚われない方がいい 理解しようとして時間をかけるだけ無駄 548 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 15:35:00.85 ID:m3Sm+5EJ0.net] >>533 強いて言えば1かな でも数値・文字列・正規表現リテラルみたいにプログラム中に単独で書くことは出来ないね 変数に代入するなり関数の引数に使うなりしないとエラーになる 英語でもfunction literalっていうみたいだけど関数リテラルってあんまりいい言葉だと思わないなあ 33; "hello"; /^js$/; function() {return true}; //SyntaxError こんなことにこだわるよりもっと基本的なこと勉強した方方がいいんじゃないの？ 549 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 15:38:00.87 ID:EVXeoiyo0.net] あ。 誤解していたところがとけました。 当初は「２」かと妄信していたので、 だいぶ合点がとれました。 関数リテラルが無名関数と同義という説明も いやそうではないという説明も すっきりしました。 皆さん長々とお付き合いいただき ありがとうございました。 550 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 19:28:05.49 ID:j61eMuZ00.net] >>513 技術評論社のjQuery本格入門はものすごく読みづらかった。 もっと分かり易い言葉で解説して欲しかった。 551 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 20:02:55.70 ID:EVXeoiyo0.net] >>536 >関数リテラルは関数として評価可能な右辺値と考えておけばまあいいんじゃない この発想というか常識が無かったなあ。 552 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 20:55:47.77 ID:XhDooIHVH.net] >>533 自分もあまりJS詳しくないんですけど リテラルっていうのは、括るもの、という意味合いでは？ オブジェクトリテラルっていうのは波かっこで括るオブジェクト＝｛｝ 文字列のリテラルは、""や’’ 展開のリテラルは、``とか 関数のリテラルというのは、functionを指定した引数括弧つきのオブジェクトリテラルでfunction(){} 関数リテラルといえば、例えばfunction func(){...} とした場合、{...}は変数funcに文字列として代入されます そしてfuncは関数オブジェクトと指定されていて 関数の実行は()を読み込むことで実行されます func　文字列 ()　　　関数の実行 553 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 21:01:26.21 ID:XhDooIHVH.net] >>533 解決済みだったようですみませんでした 参考までに追加 function func(){return 1} とした場合 console.log(func) と console.log(func()) を見比べるとわかりますが、 func変数の中身は、function指定された文字列で func()は関数を実行した結果の１が表示されます 554 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 21:40:35.47 ID:n/EqvkXYr.net] >>543 JavaScriptのリテラルに関してはまず下記を読んでください 括� 555 名前：ﾁてあればリテラルというわけではないです https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Grammar_and_types#%E3%83%AA%E3%83%86%E3%83%A9%E3%83%AB [] [ここ壊れてます] 556 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 22:26:48.61 ID:XhDooIHVH.net] >>545 括る、というのはそういう意味かと リテラルはリテラルなので括る必要はなくて プリミティブは、これは文字列です、 これは配列です、 これはオブジェクトです とエンジンに理解させるための記述なのかと思いまして 557 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 22:39:53.19 ID:scsW7zY90.net] リテラルはベた書きで良かろう 558 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 22:41:03.03 ID:n/EqvkXYr.net] >>546 申し訳ないけど全体的に文意が取れません 1行目の「そういう意味」は何を指してますか？ 559 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 22:57:51.54 ID:XhDooIHVH.net] 括ることで、エンジンに対して、これは配列オブジェクトだよとか これは｛｝だよとか、これは文字列だよとか、そういうことを伝えているってことですけど 560 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 22:59:39.77 ID:O+NRT3S+0.net] >>543 > リテラルっていうのは、括るもの、という意味合いでは？ >>546 > リテラルはリテラルなので括る必要はなくて 自分で何書いてるのか理解できてる？ 561 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 23:00:08.63 ID:O+NRT3S+0.net] >>549 数値リテラル 562 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 23:12:56.82 ID:XhDooIHVH.net] <<538 諄いですね 正しい理論的な話あればご披露ください JSの処理エンジンに、どういう記述があれば どう処理するかというのがあるでしょ {}とう記述を読めば、オブジェクトなのだな、と ””ならもじれるなのかなと、 function　でて意義されたものがあれば関数なのかなと リテラルは数値などの表現で 文字列は””、’’のクオーテーションで 関数は、function装飾委sで それぞれが何を表現してるのかを確認し スクリプト実行時にそれらをコンテキストに登録して その後の作動を担保する、ってことなのかな 563 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 23:17:36.32 ID:/79BsoYR0.net] 一から教えるにはここじゃスペースが足りないからまず入門書一冊買って読め。 564 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 23:20:08.45 ID:XhDooIHVH.net] 先生、ありがとうござす 時間とれましたら勉強してみます、ありがとうです 565 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 23:20:49.68 ID:n/EqvkXYr.net] 中途半端に字句解析、構文解析の話になってるのか・・・ 誰もそんなレベルの話はしてないのに 566 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 23:28:36.71 ID:V3WBk68sd.net] 誤変換の多さと言い意味の通ってなさと言い酔っ払ってるとしか思えんなｗ 567 名前：デフォルトの名無しさん mailto:sage [2023/01/05(木) 23:34:22.58 ID:XhDooIHVH.net] すみませんでした、もっと勉強します 568 名前：デフォルトの名無しさん mailto:sage [2023/01/06(金) 12:07:23.77 ID:ipvOzmbWr.net] 勉強しますの前にまず筋の通った主張を相手に分かるようにお願いします >>550の指摘もそういうことだし 569 名前：538 mailto:sage [2023/01/06(金) 17:52:02.25 ID:AgA2i3Ln0.net] リテラルって文字列とか数値というイメージ だから、 let dispMessage = function(msg){console.log(msg)} っていう文があれば、関数リテラルならどうみても 左側の変数の文字列の事って思うじゃないですか。 右側はfunctionとか{}とか()とかあるので、 リテラルからかけ離れていると思ってました。 どうりで、話が噛み合わないなと思ってたが 今、全部なっとく。ありがとうございました！ 570 名前：デフォルトの名無しさん [2023/01/06(金) 21:33:28.00 ID:Ynt2iWE0M.net] リテラルはもともと「文字通りの」って意味 ソースに書いた内容が変数とかを介さずにそのまま1つの値として評価されるもの 括弧で括るとかの意味は全く無い 571 名前：デフォルトの名無しさん mailto:sage [2023/01/06(金) 22:25:41.09 ID:Th1PE0Z2H.net] リテラル ””や’’で表現されるのは文字列と評価する []は配列と評価する {}はオブジェクトと評価する JSエンジンがオブジェクトをどう評価して処理するかということだと思ったんですけど 何やら全く的外れなこと言ってたみたいですみませんでした 何度も謝ったのでもう許してください、鬼神様 572 名前：デフォルトの名無しさん mailto:sage [2023/01/06(金) 23:10:59.17 ID:AlXqoCEJr.net] >>561 的外れなことを繰り返し書かなくていいから黙って>>504を読んでおいて 573 名前：デフォルトの名無しさん mailto:sage [2023/01/07(土) 08:36:35.89 ID:I26x6s3dH.net] 時間があるときに読んでおきます 574 名前：デフォルトの名無しさん [2023/01/07(土) 11:56:48.02 ID:n88Tb37q0.net] >>563 いますぐ読みたまえ 575 名前：デフォルトの名無しさん mailto:sage [2023/01/07(土) 12:11:11.83 ID:Oa/pj9jla.net] 読めたら読みます 576 名前：デフォルトの名無しさん [2023/01/07(土) 12:11:57.01 ID:n88Tb37q0.net] >>565 読めなくても読むのだ 577 名前：デフォルトの名無しさん mailto:sage [2023/01/07(土) 15:51:52.95 ID:zzWcN8NZd.net] >>561 わざわざもう１回書いたのは自分の中ではこれが正しいという思いが捨てられなくて 賛同してくれる人が現れないかと期待してってところか 578 名前：デフォルトの名無しさん [2023/01/07(土) 18:24:30.76 ID:2xit7B8+0.net] 再帰関数についての質問 function test(){ 処理１ test(); 処理２ } とした場合 処理２の前にtest()があるので、処理２はずっと実行されないということですか？ 579 名前：デフォルトの名無しさん mailto:sage [2023/01/07(土) 18:46:02.96 ID:Oa/pj9jla.net] いいえそれは処理1次第です 580 名前：デフォルトの名無しさん [2023/01/07(土) 19:05:43.05 ID:2xit7B8+0.net] >>569 ありがとうございます 処理１はreturnや他関数への再帰はしないものとします 581 名前：デフォルトの名無しさん mailto:sage [2023/01/07(土) 19:11:57.35 ID:GmV1yQnL0.net] 最大の再帰の深さは JavaScript エンジンによって制限されていて その範囲内で終了条件を満たすように作る必要があります でなければエラー終了するので、無限再帰は有り得ません 582 名前：デフォルトの名無しさん mailto:sage [2023/01/07(土) 21:33:23.91 ID:YilgzCe20.net] そもそも永久に再帰は無理なのを理解していないのか？ それと何故再帰を使うのかという理由が全く分からん 583 名前：デフォルトの名無しさん mailto:sage [2023/01/08(日) 01:51:54.62 ID:uPZeFpc/0.net] まあ普通は無限ループだな わざわざ再帰にしなければいけない 理由が何かだな 584 名前：デフォルトの名無しさん mailto:sage [2023/01/08(日) 01:53:28.42 ID:FOdy7Dic0.net] 末尾再帰最適化が保証されている言語では特定条件を満たせばさもループの代替として使えるが javascriptではそうはならなかった 以上 585 名前：デフォルトの名無しさん [2023/01/08(日) 01:53:30.69 ID:gpkzwVQsM.net] 末尾最適化されてれば無限ループ可能でしょ？ ES2015で末尾最適化の仕様化されたけど適合してない実装が多いというだけ 586 名前：デフォルトの名無しさん [2023/01/08(日) 01:54:05.49 ID:gpkzwVQsM.net] ありゃ被ったか 587 名前：デフォルトの名無しさん mailto:sage [2023/01/08(日) 02:24:13.14 ID:FOdy7Dic0.net] 規格があっても準拠するかどうかは実装次第というね ちなみにjavascriptは関数がファーストクラスでレキシカルスコープを持つためいわゆるクロージャを無意識に生成できる クロージャがあれば末尾再帰できないからと不自由に感じることはないと思われる 588 名前：デフォルトの名無しさん [2023/01/08(日) 17:51:20.88 ID:TObCTh0j0.net] >>572 @supportsや＠mediaのネストされたcssの全プロパティ値を取得するために 再帰使いたかった 589 名前：デフォルトの名無しさん mailto:sage [2023/01/09(月) 07:24:55.41 ID:Bl4X3MiM0.net] >>578 無限にネストすることはないはずだが 590 名前：デフォルトの名無しさん mailto:sage [2023/01/09(月) 12:44:15.19 ID:mLvtK4oer.net] >>578を実現するにしても>>568にはならんと思うけども 591 名前：デフォルトの名無しさん mailto:sage [2023/01/09(月) 13:34:27.76 ID:nBXeWSyT0.net] ホントになｗ // aはarray function test(a) { a.forEach( b => { if (b.isArray()) { test(b) } }) } みたいな感じなら分かるがｗ 592 名前：デフォルトの名無しさん mailto:sage [2023/01/09(月) 15:00:57.73 ID:2yNmR2Eh0.net] ノードを全部舐めるみたいなトラバース系の処理はエンジンの制限とか気にするなら再帰のロジックを配列とループで作った方が安全だし 恐らく関数を呼び出すより速いから検討してみてね 593 名前：デフォルトの名無しさん [2023/01/14(土) 18:28:43.16 ID:WRdKOG7o0.net] 質問 scriptタグで指定されてるリンク先をjavascriptで変えたい 例えば. script type="text/javascript" src="A” になってんのを script type="text/javascript" src="B”に変えたい replace等でやろうとしたものの上手くいかなかった 594 名前：デフォルトの名無しさん mailto:sage [2023/01/14(土) 20:27:52.90 ID:Ww/QFSM20.net] ちょっとググったら出てくるやろｗ https://www.softel.co.jp/blogs/tech/archives/6794 595 名前：デフォルトの名無しさん [2023/01/14(土) 23:08:43.95 ID:WRdKOG7o0.net] >>584 ありがとうございます… 本当に助かりました…

---

---

[ 続きを読む ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef