+ JavaScript の質問用スレッド vol.124 +

2021/11/10(水) 15:24:24.80

JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-6のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください

■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。
(10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。

※前スレ
+ JavaScript の質問用スレッド vol.123 +
https://mevius.5ch.net/test/read.cgi/tech/1491143438/

VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured

2021/11/10(水) 15:26:36.49

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)

■テンプレ案
https://fiddle.jshell.net/6018r9tu/1/show/light/

2021/11/10(水) 15:46:52.81

前スレ998の質問だけど
一般的にはc2が返してるような関数のことをクロージャと呼ぶことが多いが
JavaScriptの関数は全部クロージャなのでc2自体もクロージャ

2021/11/10(水) 16:02:48.18

なるほど

2021/11/10(水) 17:50:22.23

>>998
追記です

3つの要素を持つオブジェクトセットを利用して、
関数内のクローズ状態を実現する、ということ意味して
そのセットをクロージャーと呼んでいるのだという理解でいかがでしょう？

2021/11/10(水) 18:59:16.59

過去スレみれねー

2021/11/11(木) 11:19:40.42

前スレで誤字があったので訂正と
クロージャーに関してわかりやすく説明しときます
closerは誤りでclouserでした

2021/11/11(木) 11:24:24.80

末尾セミコロンはどうしたらいいですか？

2021/11/11(木) 11:47:50.28

【クロージャー】
クロージャーはJSの関数に下記の仕組みを持たせるための要素のセットです
・関数内部をクローズにする（外部から直接アクセスできない）
・関数からは外部のプロパティにアクセスできる

この仕組みを作るものがクロージャーです
クロージャーの要素は、おおざっぱに関数自身、関数内情報、関数外部を参照するポインタで、
この要素のセットをクロージャーと呼びます

【外部ポインタの働きと内部情報の動きの確認】
<サンプルコード>
function f1(){ let c=0;return c++; }
function f2(){ let c=0;return ()=>{let s=0;return [c++,s++];} }

let f3=f2()　;

1 f1()　;f1()　;console.log(f1());
2 f2()();f2()();console.log(f2()());
3 f3()　;f3()　;console.log(f3());

<結果出力>
1　c:0
2　c:0 s:0
3　c:2 s:0

ここで外部への参照ポインタをouterとします
f1のクロージャーは、｛関数f1　return c｝｛変数c｝｛outer(global}
f2のクロージャーは、｛関数f2 return function｝｛変数c｝｛outer(global｝
f2のアローの場合、　｛無名　　return　[c,s]｝｛変数s｝｛outer(ｆ2）｝

2021/11/11(木) 11:48:17.36

コード１では、ｆ１を2回呼びますが、関数呼び出し1回につき、１つの（別々の）クロージャーが生成されます
同じ変数名のcであっても、別物のcとなります
ですから、cはインクリメントされずに0となります

コード２ではf2から戻されるアロー関数を複数回呼び出しますが
関数の呼び出し1回につき、別々のクロージャーが生成されますので
上記と同じようにcは0になります

コード３では、f2から戻されるアロー関数を変数f3に代入し、それを複数回呼び出します
呼び出しのたびに別々のクロージャーが生成されますが
外部への参照は、outer(f2)なので、同じcを参照していますので
複数回呼び出すとcをインクリメントします
一方でアロー関数内の変数sは、コード１や２の説明と同じでインクリメントされません

2021/11/11(木) 11:48:37.71

【関数はクロージャーか？】
クロージャーは関数ではありませんし
関数はクロージャーではありません

関数内をクローズにし、外部参照を持たせる、という仕組みをつくるための
関数、内部情報、外部参照ポインタのセットがクロージャーです

【言語は多数者が正しい】
f2で戻される無名関数をクロージャーと呼ぶ人がいるのは
クロージャーの説明のために多用されていることで
無名関数をクロージャーと誤解してしまったり

f1が外部からクローズ状態なので、f1がクロージャーなんだと
そう理解してる人が多かったりしています

クロージャーという言語の用法に関して
何が正しいのかは、それぞれの立場を主張する人数によって
決定することが正しいのかもしれません

以上で訂正とまとめを終わります

2021/11/11(木) 12:08:29.83

>>8
javascript.infoでは
[ ]の前にセミコロンは想定していないため、前段と次段のコードが連続することが説明されてます

console.log(1)
[...'string'].forEach(console.log)

は

console.log(1)[...'string'].forEach(console.log)

と同じ扱いで、1を出力したのち、エラーになります
[]を使うときに思い出してください

2021/11/11(木) 13:44:12.02

>>7
closureでは？

2021/11/11(木) 14:51:22.63

スジャータ

2021/11/11(木) 16:11:30.72

クロージャーに「関数内部をクローズにする」なんて意味はないよ

2021/11/11(木) 16:24:36.04

JSのクロージャーってどういう意味なの？

2021/11/11(木) 16:26:10.03

9の長い長い説明はまったくもって的外れ？

2021/11/11(木) 18:44:36.77

ふーん、なるほどねぇ

2021/11/11(木) 19:03:41.76

||クロージャーは、組み合わされた（囲まれた）関数と、
||その周囲の状態（レキシカル環境）への参照の組み合わせです。
||言い換えれば、クロージャは内側の関数から外側の関数スコープへのアクセスを提供します。
||(MDN)

「関数の内から関数の外を参照できる、参照権限（参照できる状態（仕組み））」ということだろ！！！
これできめ！

2021/11/11(木) 19:41:41.77

クロージャは関数閉包のこと
関数の中に関数が内包された状態を指す
外側の関数をエンクロージャと呼ぶが、クロージャ=関数ではない

2021/11/11(木) 20:24:37.12

現在のスコープに変数が見つからなければ、どんどん外のスコープに変数を探しに行って
最終的にwindowまで探しに行ってくれる機能のことをクロージャと呼ぶ

かな？

2021/11/11(木) 20:29:10.77

>>21
違う
それはスコープチェーン

2021/11/11(木) 21:31:01.83

Promiseの状態(pending/fullfilled/rejected)って外から取得できないんだっけ？
探しても方法が見つからな。

2021/11/11(木) 22:17:06.64

MDNの訳が微妙すぎると思ったら原文も同じだった

A closure is the combination of a function with references to its surrounding state.
か
A closure is a function bundled together with references to its surrounding state.
のどっちかにしたかったんだろう

2021/11/11(木) 22:18:41.74

>>20
それは違う言語でしょ
JSはグローバルも一つの環境としてるから
グローバル内に宣言された関数も、囲まれた関数なんだよ
グローバルを関数と呼ぶのなら、それはそれかもなんだけど

2021/11/11(木) 22:22:39.31

>>24
JSの設計のあいまいさを感じられるな

2021/11/11(木) 22:44:02.25

囲まれた関数ってのは微妙な原文と訳文で作られた言葉

ここの真ん中くらいにあるクロージャの定義を読むといい
https://javascript.info/closure

2021/11/12(金) 07:15:12.60

それを読んでも統一見解が得られづらいからこうなってるってわかる？

2021/11/12(金) 07:25:05.37

でもまぁ一連のやり取りで
環境レコードや外部参照チェーンやスコープの復習ができたということで
この部分に関しては、脱素人になったわけだ、おめでとー

2021/11/14(日) 19:04:13.43

canvasでcontext.lineWidth=1;にして直線を描いても幅が１にならなくて２ピクセル分の太さになってしまいます
どうすれば幅１の直線が描けますか？

2021/11/14(日) 19:57:25.52

>>25
言語仕様に言及するのなら、「ECMAScriptにクロージャは存在しない」が正解

> グローバル内に宣言された関数も、囲まれた関数なんだよ

そんな仕様はない
クロージャなんて概念は忘れて、変数、スコープ、関数の仕組みを覚える方が正しい理解に繋がる

2021/11/14(日) 20:00:15.95

>>30
整数座標はピクセル中央ではなくピクセル左上になるので0.5足す
めんどくさかったらcontext.translate(.5, .5)するとか

2021/11/14(日) 20:54:05.86

>>28
クロージャで統一見解といえるのは「クロージャ=関数が入れ子になった状態」だけ
そこに機能的価値を見いだそうとするなら「クロージャという名の機能は存在しない」だ
機能的には別の機能で実装されていて、
関数を入れ子にした結果、それらの機能が便利な状況を作り出しているに過ぎない
学習目的なら「クロージャ」は忘れた方がいい

2021/11/14(日) 21:16:07.13

関数が入れ子かどうかなんて関係ないよ

理解してない人たち同士で"統一見解"を求めようとするからドツボに嵌ってる

2021/11/14(日) 21:27:55.45

>>34
仕様にない単語に、統一見解を求めるのが間違いなんだろうな

2021/11/14(日) 21:47:51.05

とはいえ「クロージャ=関数が入れ子になった状態」って定義は明らかに間違いだろう。

2021/11/14(日) 21:57:27.13

ECMAの仕様にはAbstruct Closure Specification Typeが定義されてるし、関数定義周りでclosureって言葉は繰り返し出てくるよ

まあでも仕様型みたいな大半の人が知らなくても困らないような詳細知識よりも
クロージャとは一般的にどういうものを指すのかという基礎的知識を身につけたほうがいい

2021/11/14(日) 23:10:09.15

>>37
一般解を示す公式文書を出せる？

ぶっちゃけ、言語が異なれば用語定義も変わると思ってるし、共通の用語なんてないと思ってる
複数言語習得者が勝手に共通認識を定義しているだけなのでは？

2021/11/15(月) 00:30:22.12

ワロスｗ

2021/11/15(月) 07:13:10.30

JSのクロージャーは
関数内のプロパティに、外部から直接アクセスできないが
関数内から外部への参照はチェーンしているという状態をいう

外部Lexicalへの参照を持たない関数型は
関数ではあるけどクロージャーにならない
入り子になっていても

もうクロージャはこれで終わり
クロージャーに貴重な人生を奪われるなよ？

40 (ﾜｯﾁｮｲ 6e46-wd7R [111.98.111.65]) · 2021/11/15(月) 07:21:28.04

状態ではなく仕組みがいいな
クロージャーはオブジェクトセットという表現が適してる例が散見されるみたいだし
必要なオブジェクトセットを使ってnativeでクロージャーを実現してるんだから
クロージャーは仕組み！これできめ！

2021/11/15(月) 07:45:40.57

>>37

var a=0;
let b=1;
let c='C';

function func(){
let c=2;
return [a,b,c];
}

func.a='A';

console.log(
[window.a,window.b,window.c],
[a,b,c],
func(),
[func().a,func().b,func().c],
[func.a,func.b,func.c]
);

この出力を理解するにはクロージャーの仕組みの理解は必要でない？

2021/11/15(月) 19:30:23.51

>>40-41
あなたの見解は理解した
正しさの根拠が見つからないのでそれだけだが

2021/11/15(月) 21:15:21.66

すいません、下記のようにボタンを押した時の処理をあらかじめ一つずつJSで書いて書いてるんですが、
ボタンの種類と数が莫大な量になるとJSを書くのが大変になってきました

逆にクリックされた任意のボタンオブジェクトを変数に入れる方法ってあったりしますでしょうか
（ボタンがクリックされる→クリックされたボタンのclassやvalueやtextを調べて目的の処理、という順番に変更したい）

下記が現状のコードです

・html
<button class="BtnA" value="固有の番号">ボタンAタイプ</button>
<button class="BtnA" value="固有の番号">ボタンAタイプ</button>
<button class="BtnB" value="固有の番号">ボタンBタイプ</button>

・js
const BtnA = document.getElementsByClassName('BtnA');
for(i=0;BtnA.length>i;i++){
BtnA[i].addEventListener('click', () =>{
//ここに押された時の処理を書く
});
}
const BtnB = document.getElementsByClassName('BtnB');
以下BtnAのコードとほぼ同様

2021/11/15(月) 22:27:30.97

>>44
クラス数×value数×text種類数だけ処理数があるってことですか？

2021/11/15(月) 22:58:29.48

class="BtnA BtnAll"
class="BtnB BtnAll"

みたいに、BtnAll で、すべてのボタンの処理をまとめれば？

JavaScript のスレは、この板ではなく、web制作管理板の方へ書き込んでください！
この板のスレは、荒らしが出た時に、緊急的に立てられたものだから

2021/11/16(火) 00:43:22.12

>>45
そのイメージに近いです

>>46
ある程度まとめた結果が
BtnA BtnB BtnCみたいなグループです。

了解です、Web製作管理板に移動させていただきます。

2021/11/16(火) 07:19:53.13

>>44
event.currentTarget
event.target

2021/11/16(火) 13:14:21.44

>>44
処理数が多すぎて管理効率が悪くなってるってことかな？
ボタン数×(value数-1)×(str数-2)の数の処理があって
保守管理しづらいというのなら下記の考え方はどうでしょう？

変数buttonにはボタンオブジェクト
変数getFuncにはクリックイベント処理を固有番号で紐づける
変数buttonをfor of で回して、固有番号で分岐して、リスナーを設定する

button=document.getelementsbytagname('button')
getFunc={
固有番号:function(){}
固有番号:function(){},,,}

for(let i of button){
switch(i.value){
case '固有番号':i.addEventlistener('click',getFunc[固有番号]);break;

2021/11/16(火) 13:26:34.28

>>44
上の説明だとわかりづらいかな

let getButton=function(){button=document.getElementsByTagName('button');}

// valueの固有番号毎に処理を設定
let addEvent=function(){
for(let i of button){
switch (i.value){
case '101':i.addEventListener('click',addFunc[101]);break;}}}

let button;
// 関数をまとめ置く
let addFunc={
101:function(){console.log(this.value)},
102:function(){console.log(this.className)},}

2021/11/16(火) 19:57:25.19

switchの中をObject.keys（）.forEach()でまわして
addFunc[+i.value]で作り直したらすっきりしそう
いじりたくなるコードだけど可読性を考えたらこれはこれなのか

2021/11/16(火) 22:10:30.79

リアクトでのスマホアプリ開発なんですが、エミュレータは何がお勧めですか？
というのも実機を持っていません。

また、実機を使う場合はアンドロイド5などは使い物になりますか？
古い機種に合わせて作っても、上位互換性のないソフトになるんでしょうか？

2021/11/17(水) 07:47:58.17

>>52
「React　andoridアプリ開発エミュレータ」で検索どうぞ
「api16　開発　不具合　or 互換性」で検索どうぞ

これがベストっていう答えがないから
開発者が自分で試行錯誤して答えを出す問題かな
互換性の問題は作るものによっても違うからね
jellyならそんな問題ないとおもうけど

2021/11/17(水) 10:05:17.45

>>53
jellyッテの調べてみますです

2021/11/17(水) 14:33:19.47

>>53
すみません。互換性に関して見つけられなかったです。
android5向けに作った場合、上位互換性ってあるんでしょうか？

javascriptのバージョン？次第とも考えられますけど

2021/11/17(水) 17:43:10.56

androidの話はandroid開発スレで聞いてくれ
多分実機なしは無謀、5は古すぎでFA

2021/11/18(木) 06:50:53.17

>>56
了解す

2021/11/18(木) 07:17:54.57

そんなことはない
android5で使えるアプリが目的なんだから
android5で作成するのがベスト

reactNativeエンジンがどうエンコードして
androidで動かしてるのか分らんので
今のreactでandroid5のどの機能を使えるのか
全然わからんけどな

2021/11/18(木) 07:27:37.77

React NativeはAndroid 5.0以上に対応だね

https://github.com/facebook/react-native

2021/11/18(木) 19:32:55.35

API21からなんだな

2021/11/19(金) 12:50:28.04

文字列化した数式を計算させるにはどうやればいいんですか？
test("x*x+10",2);

function test(suushiki_str,x){
var y = suushiki_str(この場合x*x+10)でx=2を代入;
retuen(y)
}
こういうのがやりたいんだけど

2021/11/19(金) 12:55:11.51

function test(suushiki_str,x){
return eval(suushiki_str)
}

2021/11/19(金) 13:17:09.00

>>62
ありがとー

2021/11/19(金) 13:41:30.73

何がしたいのか分からないけど、設計自体が間違ってる気がするけどなあ

2021/11/19(金) 21:34:02.13

eval is evil
evalをそのまま使う事はまずないな

2021/11/20(土) 07:02:21.23

evalを使えとなｗ

2021/11/20(土) 07:04:06.68

evalが生きていること自体、JSが未成熟の証

2021/11/20(土) 07:46:31.86

>>61
evalは非推奨だから

function test(fun,x){
return fun(x);
}

test(function(x){return x*x+10},5);
としときましょう

2021/11/20(土) 18:55:29.17

evalって外部から入力させなければ使っても問題ないんじゃないの？

2021/11/20(土) 18:57:47.86

使いたければつかったらいいよ

2021/11/20(土) 19:05:52.91

やっぱjavascriptできるとなんでも作れるな
めちゃくちゃ便利だわ

2021/11/20(土) 19:54:48.88

ブラウザ限定だし
HTMLと一緒でメンテナンスとか関係なければな

もしJSで金融システムみたいな厳格なシステム作ろうとしたら
開発者はみんな気がくるってしまうんじゃないかな

2021/11/20(土) 19:57:24.06

マジでjavascriptだけでめちゃくちゃ儲けてる
使いこなせばガチで素晴らしい

2021/11/20(土) 20:02:17.98

仕事で使ってるサイトをJavascriptで自動化できませんか？
たとえば出勤と退勤のときの時間を管理するのに「勤次郎」というサイトを使ってるんだけど
毎回ログインしたあといちいち入力するのが面倒くさい。

2021/11/20(土) 20:22:43.02

>>74
データーの保存はどこを想定してますか？

2021/11/20(土) 20:24:55.79

seleniumでいいじゃん

2021/11/20(土) 20:46:00.92

認証しないシステムなんて攻撃か踏み台にされるとか考えないのか

2021/11/20(土) 21:05:08.87

定型をポチポチ入力してボタン押すのがダルい程度ならブックマークレットでいいだろ

2021/11/21(日) 08:08:40.09

>>74
ブラウザを自動操作なら、iMacros は？

例えば漏れは、Ruby のselenium-webdriver で、
ブラウザを自動操作して、ヤフーにログインしてる

ユーザー名を入力して、ボタンを押す。
パスワードを入力して、ボタンを押すとか

require "selenium-webdriver"

options = Selenium::WebDriver::Chrome::Options.new
options.add_option( :detach, true ) # ブラウザを切り離す
options.add_argument( '--start-maximized' ) # 画面最大

driver = Selenium::WebDriver.for :chrome, options: options
driver.manage.timeouts.implicit_wait = 10 # default timeout

driver.navigate.to "https://login.yahoo.co.jp/config/login_verify2?.src=ym";

element = driver.find_element(:id => "username")
element.send_key "ユーザー名"

driver.find_element(:id => "btnNext").click # ボタンを押す

element = driver.find_element(:id => "passwd")
element.send_key "パスワード"

driver.find_element(:id => "btnSubmit").click # ボタンを押す

2021/11/21(日) 18:31:02.25

>>768
それだと数式を""で囲んで文字列にすると計算できない

2021/11/21(日) 18:31:35.22

>>68だ

2021/11/21(日) 19:15:18.38

classが非推奨になるのはいつですか？

2021/11/21(日) 19:23:58.62

>>82
その予定はない

2021/11/21(日) 21:16:08.25

>>81
>>70で答えてる

eval非推奨な意味を理解していて使うならそれでいいんじゃね？

2021/11/21(日) 21:19:33.19

>>61
function test(suushiki_str, x){
var f = Function('x', 'return ' + suushiki_str);
return f(x);
}

test('x * x + 10' ,2);
//=> 14

2021/11/21(日) 22:55:28.72

javascriptが使えるとやりたいことが簡単にできる

2021/11/22(月) 11:19:44.15

>>86
JavaScript最強伝説。

2021/11/22(月) 14:30:42.59

ブラウザで動く
LambdaやGoogle Functionsで動く
デスクトップアプリも作れる
OfficeWeb版やGASでも動く

インフラ構築不要で最強すぎるだろ

2021/11/22(月) 16:46:08.87

>>88
でも、文法が分かりにくい。
というか無駄に複雑過ぎる。

2021/11/22(月) 16:48:25.46

>>89
文法なんかふつう

複雑な意味がわからん
ほかの言語だと単純なの？

2021/11/22(月) 17:43:25.62

すいません、下記のように読み込んだshiftJISのcsvファイルを
正規表現を使って置換しようとしてるのですがうまくいきません

文字コードの問題なのか指定したマッチパターン意外の色んな文字が勝手に置換されてしまいます

const requestCSV = new XMLHttpRequest();
requestCSV.overrideMimeType('text/plain; charset=Shift_JIS');//csvの文字コードがshiftJSであることは変更できない

requestCSV.addEventListener('load', (event) => {

　const orgCSV = event.target.responseText;
　tempKey="["+key+"]";//keyは変数を使う必要があります
　keyName = new RegExp(tempKey, "g");//複数マッチさせる必要があります

　result=orgCSV.replace(keyName, "ほげ");
}

正規表現オブジェクトを使わずにreplaceさせると問題なく動くのですが、
マッチパターンを変数にしたいのと、複数回以上にマッチさせるため g をつけるため、
正規表現オブジェクトを使わざるを得ない状態です。

どなたかアドバイスお願いできますでしょうか

2021/11/22(月) 17:45:45.05

>>90
Javaの方が分かりやすかった。

2021/11/22(月) 18:41:55.55

Javaと比べたらJavaScriptのほうが文法複雑じゃないと思うが…
TypeScriptと混同してない？

2021/11/22(月) 18:43:22.51

それかDOM APIをJavaScriptの文法に含むと勘違いしてるとか

2021/11/22(月) 18:50:50.35

Javaのほうが圧倒的にすっきりしている。
ほんとに両言語をちゃんと勉強したことあるか？
アルツハイマーでもこれくらい分かる。

2021/11/22(月) 18:53:04.86

>>91
keyを[]で囲む必要なし

2021/11/22(月) 18:54:55.94

>>94
古いJSとの互換性を取ろうとすると
古い文法も理解しないとならないからな
オブジェクトの生成も多種多様
JSの細かいところまで理解しようとすると
javaやpythonとかのほうが整理されていてわかりやすい

let obj var objのLexicalの違いや
let obj={}
let fun=function(){}
function fun(){}
class cs extends fun{}
class cs{
__proto__=a;
}

obj.constructor.prorotype=obj
newObjext ,Object.create

こんなのシンプルなわけがない

と92はいいたんだと思う

2021/11/22(月) 19:05:02.79

>>96
"["+key+"]"

というようにカッコで囲んだ形式で検索したいのでここはあえてそうしてるんです…

2021/11/22(月) 19:40:22.23

Java
class Main {
public static void main(String[] args) {
System.out.println("Hello World!");
}
}

JavaScript
console.log("Hello World!");

hello worldからしてこれだからな
あなたの「シンプル」の定義を見せてもらえないと…

2021/11/22(月) 20:19:16.63

>>99
JSのクラスは疑似クラス
他言語のClassと同じように扱えるように
functionを疑似的にclass表現できるようにしてるだけ

Javaと異なりJSはconstructorを有するオブジェクトの生成方法が沢山ある
それすら理解できずに、99の問いとは、、、もっとJSを勉強しようぜ
Javaのほうが圧倒的に整理され覚える文法が少ない

つか、JavaとJS、両方ともそこそこ使えたら
99みたいなこと言えないだろｗ

2021/11/22(月) 20:26:36.75

>>99
もうちょっと言わせてもらえば
Javaは変数エラーをチェックしやすい言語設計
JSは変数エラーを無限に生成し得る言語設計

JSはマークアップを動的に処理することから発生し
高度な言語設計にしても互換性の問題から
古い文法を生かしているので、とても複雑怪奇になっている

そう表現したらわかるかな？

2021/11/22(月) 20:44:07.24

変数エラーとは

2021/11/22(月) 20:52:35.36

>>98
上手く行かない具体例出してよ
ぶっちゃけ[　]の使い方ミスってる様な気がするんだけど

2021/11/22(月) 23:07:56.11

>>103
置換した具体例で言うと例えば

さっきの例で置換部分が
result=orgCSV.replace(keyName, "ほげ");

元のテキストが下記だとすると
<title>[name]</title>

結果が下記になってしまってなんじゃこりゃ…て感じですね
<titlほげ>[ほげaほげほげ]</titlほげ>

正規表現オブジェクトを使わなければ普通に成功します
result=orgCSV.replace("[name]", "ほげ");　//<title>ほげ</title>になる

しかし先述のようにマッチパターンを変数化しつつgをつけて複数置換する必要があるため難しいんです…

2021/11/22(月) 23:44:57.26

>>104
　tempKey="\\["+key+"\\]";

2021/11/22(月) 23:59:47.75

javascriptで計算の値がオーバーフロウするかどうかを調べるにはどうすればいいんですか？
例えば10000の10乗を計算しようとしてオーバーフロウするならばalertで計算できませんと
表示したいんだけど

2021/11/23(火) 00:04:12.05

>>104
[] は文字クラス
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions/Character_Classes

更に、keyにメタキャラクタがあれば同じ事になるので、文字列全体をエスケープすべき
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions#escaping

上記は正規表現の基本
正規表現を体系的に学習すれば、絶対に気がついたこと
急がば回れ

2021/11/23(火) 00:07:12.09

>>106
BigIntと文字列比較

2021/11/23(火) 00:24:05.58

>>100
なんでクラスの話に？詭弁では？
クラスベースの奴らがうるさいからclassなんて入れる羽目になったんだが。
そいつらのせいで木に竹を接ぐようなことさせられてむしろ複雑になった。
プロトタイプベースとしてシンプルでよかったのにほんと独善的でろくなことしない。
Reactでもクラスコンポーネントは廃れ99%のケースでFCになったよ。

2021/11/23(火) 01:06:21.92

>>109
エセクラスベースは絶対に反対。
classは早期に非推奨にすべき。

2021/11/23(火) 01:17:09.89

>>105
>>107
ああ、なるほど、エスケープをダブルでつけないといけなかったんですね
シングルではつけてみていたんですがそれで動かなかったのであれって思ってました
資料の提示もありがとうございます！

2021/11/23(火) 07:20:19.58

>>102
その問いはマジ質問？

>>109
JavaとJsの言語設計に関して
どっちがすっきりしてるかを話ししてるだけだろ
疑似クラスなんてあること自体がお笑いだし
オブジェクト生成方法も多岐にわたるとか
どこが整理されてる言語なのかと

2021/11/23(火) 07:33:58.18

変数エラーでググっても出てこなかったです
何処の業界用語ですか？

2021/11/23(火) 08:34:50.37

>>104
Ruby では、Regexp.escape で、

正規表現において、特別な意味を持つ文字の直前に、
エスケープ文字(バックスラッシュ)を挿入した、文字列を返す

p esc_1 = Regexp.escape( "[-a]" ) #=> "\\[\\-a\\]"

reg_1 = Regexp.new( esc_1 )
p reg_1.match( "x[-a]y" ) #<MatchData "[-a]">

2021/11/23(火) 09:26:25.23

>>112
お笑いと言えばJavaの無名クラスだろ
なんだったのアレ
関数がファーストクラスオブジェクトじゃなかった欠陥言語の苦肉の策とは言えとんでもなくキッタネェコード
今じゃラムダ関数使ってだーれも使ってないし
最初からそうしとけばよかったのにね
ぜんぜん整理されてなかったのかな？ｗ

2021/11/23(火) 10:33:28.85

言語の完成度はJava>JS
学びやすさもJava>JS

だからと言って優劣を表現してるわけじゃないよ
マークアップ操作言語として
JS、HTML、CSS等との新旧互換性を担保しながら
成長してきた言語だから
継ぎ接ぎ言語になっているのは仕方ないこと
JSでできることは多いし楽しい言語であることを否定してるわけじゃないんだ
でもJSが整理されてシンプルな言語であるとは言えないってだけ

2021/11/23(火) 10:45:11.29

javascriptさえあれば何もいらん
javascriptだけでスケーラブルなシステムが作れる

2021/11/23(火) 10:52:32.71

あまりにも面倒くさいため、誰もJavaでGUIを作らなくなりました。
やる気とAWT,Swingなど道具立てはあったのです。
ただJavaがクソ過ぎた。
イベントドリブンで必須のリスナー登録はこんな感じ（笑）
button1.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
System.out.println("clicked");
}
});
一方C#ではデリゲートで簡単に書くことができました。
Javaはデリゲートが言語機能として無いのでマネできませんでしたｗ
結果今では誰もJavaでクライアントGUIプログラムを書きませんがC#はバリバリ使われてますｗ
結局Java8でJavaScriptをパクってlambdaで以下のように書けるようにしました（ハズカシーｗ）
button1.addActionListener(e -> System.out.println("clicked"));
しかし時すでにお寿司、誰もJavaでGUIを作っていないのであるｗｗｗ
Javaはサーバーサイドに集中して成功者？
ノンノンｗ
Javaが糞でめんどくさくて誰も書かなくなったから廃れた、これがシンプルな答えですｗ

2021/11/23(火) 11:43:58.38

うん、わかった
確かにその通りです

2021/11/23(火) 15:55:58.57

Android StudioではまだJava言語で開発が必要だったような

2021/11/27(土) 15:29:53.92

0から9の入ったランダムの配列に適当に選んだnという数字が最大何個並んでいるか
これはどういう方法が早いのでしょうか
気にするほどでもないのでしょうか
配列を見ていくのは遅いとか言う話も聞いたような気もします
一般的にはどういう方法を取るのでしょうか

・配列の前から順にforでnであるか、あればカウンターインクリメント、なければカウンターリセット
・joinで配列を文字列化したあとforでi文字数ぶんのnを検索文字として includesがfalseになるまでか最悪配列数まで調べる
・文字列化したあとmatchで/n+/gで一覧を出して一覧の配列をmap(e=>e.length)で文字数にしてMath.maxで調べる

2021/11/27(土) 17:26:03.23

>>121
まずは自分で試して比べろよ

2021/11/27(土) 20:27:12.12

コードはこんな感じでいいですか？
https://jsfiddle.net/rj457v0q/
windows10 firefox 64bit 94.0.2のabout:newtabのコンソールでやった結果
11374, 1970, 2920
とかそれに似たような時間なんですが
同じ環境でJSFiddle に保存した際に実行された時間が
320, 1994, 2938
と1番目が早くなって結果が真逆になっています
どういう事なんでしょうか

2021/11/27(土) 21:17:39.73

IronというChromeベースのブラウザでも試したところ
FirefoxからJSFiddleを開いてそこで走らせた時間と同じような結果になりました

2021/11/27(土) 22:00:25.94

element.addEventListener(
"mousemove",
function(e){alert(e.offsetX);}
);

このfunction(e)の部分はfunction(aaa,e,bbb){}のように引数を複数設定することはできますか？
e以外を渡すにはグローバルしかできないんですか？

2021/11/27(土) 23:25:49.55

>>123
Firefox の Math.max() が激重っぽい（1万回の関数呼び出しが重い？）
三項演算子とかにすれば JSFiddle と同じくらい早くなる

2021/11/27(土) 23:48:23.24

>>126
ありがとうございます。
Math.maxを使わず、
配列のまま計算させたほうがいいみたいですね。
3つ目もMath.maxを使ってますが使わないようにしても、
こちらはMath.max関数の呼び出し回数が1周1回なせいか短縮されませんでした。

2021/11/28(日) 12:42:42.78

>>123
1つめのバグっとるよ
2つめのは連続する数が大きいのでも確かめないとパフォーマンス特性が分からない

jsbench.meみたいなところで試すといい
アルゴリズムのオーダー考えれば単純ループが一番高速

2021/11/28(日) 21:15:40.16

>>125
引数を複数設定できる。ただし、第一引数以外は何も渡されない。（デフォルト引数なんかの例外もある）
thisを渡せる。bind()とhandleEvent()を含むオブジェクトで渡せる。

2021/11/28(日) 21:21:54.23

>>128
ありがとうございます
サイトは次使う時に使って見たいと思いますｗ

2021/11/28(日) 21:29:03.95

>>125
どんな使い方をするのか想定コードを教えて

あと代入されるaaa,bbbの値はいつ確定する？
呼び出し時に確定するなら変数で置いとくしか無いし
関数定義する時点で確定してるなら引数にする必要が無い

2021/11/29(月) 12:33:33.13

>>131
canvasの領域内をクリックしながらマウスを移動させたときの
canvas内のマウスの座標を得たいんだけど
mousedownでvar clickcyuu = 1;mouseupでclickcyuu=0;
mousemoveでclickcyuu===1ならばdrag_mouse_x = e.offsetX;drag_mouse_y = e.offsetY
とやりたかったのでfunction(e,clickcyuu){}としたかった

2021/11/29(月) 13:18:58.10

>>132
それだと結局グローバル変数参照してるのと同じじゃない？
わざわざ引数経由する理由がない

2021/11/29(月) 13:23:14.24

>>132
>>129の方法ではダメなのか？

2021/11/29(月) 15:20:06.33

定期的にaddEventListener自体から引数渡したいって人出てくるけど
仮にできたとしてもaddEventListenerした時点で値が固定されることが考えから抜け落ちてるよね
>>132
引数渡したいならイベントハンドラに関数式使えば済むけど
複数のイベント仕込むなら一連の動作をこんな感じでclassかオブジェクトにした方が楽よ
https://jsfiddle.net/hgro7t5m/

2021/11/29(月) 15:41:30.31

クロージャ使えば普通にできるやろ
それに参照型ならaddEventListenerした後からでも値を変えられるよ

2021/11/29(月) 18:56:58.07

var か

2021/11/29(月) 20:17:26.02

>>135
オブジェクトを束縛すれば、プロパティは固定されない(>>129)
handleEventも使ってみればその有用性に気がつくと思うが

2021/12/04(土) 12:18:05.48

読み込みたいファイルのパスだけがわかっている場合に

reader= new FileReader();
reader.readAsText("aaa/hoge.csv") ;

みたいな感じで読み込もうと思ったんですが、
readAsTextの引数はblobだかfileオブジェクトでないとだめみたいで、
レファレンスを読んで見るも、
パスからblogだかfileオブジェクトだかを作成する方法がわかりませんでした。

ファイル読み込み自体は他の方法を使ってできるものの、
FileReaderとreadAsTextの組み合わせを使ってトライしてみたいので
どなたかアドバイスお願いできますでしょうか

2021/12/04(土) 12:36:24.21

>>139
それが出来たら、ファイルの情報を盗み出せるようになるな

2021/12/04(土) 12:48:45.94

>>140
例えばxmlhttpRequest()でもパスからファイルを読み込むことが出来るので
FileReaderでそれが出来ないのは不思議な気になるんですがそういうものなんですかね

2021/12/04(土) 14:35:37.60

むしろ他の方法とやらが気になる

2021/12/04(土) 14:36:47.65

>>141
xhrは基本的にhttp接続しか出来ない

2021/12/04(土) 16:15:20.01

とりあえずリファレンス読め
https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications

2021/12/07(火) 11:51:05.11

ガチでヌーブなんですけどrequestsとbeautifulsoupでスクレイピングやってます
waitかけないとバンされるよと言われましたがどうすればいいですか？
requests.get()でtimeoutは今書きましたがforで同じサイトの似たようなページに何度もアクセスするのでサーバーへの負荷はすごいと思います
これに対してどうすればいいですか？

2021/12/07(火) 11:56:58.02

>>145
マルチ禁止

2021/12/09(木) 15:07:14.43

const test = [
{main:"A"},
{main:"B"},
{main:"C"}
]
から全てのmainをとり出した["A","B","C"]となる配列を作りたいです
forを使えば作れますが、もっと簡単に作れる便利なメソッドあったりしますか？

2021/12/09(木) 15:32:51.58

const test = [
{main:"A"},
{main:"B"},
{main:"C"}
]

let testB = test.map(e=>e.main)
知っててコレジャナイ方法をきいてるのかもしれないけど

2021/12/09(木) 15:38:12.28

>>148
自分もそれやってたけど不可能なので質問しましたが
どうやらqueryselectorAllにmapが効かないっていうのが原因だったみたいです
すんません

2021/12/09(木) 15:51:07.69

許して下さい…

2021/12/09(木) 16:09:45.62

querySelectorAllの戻り値はArrayではなくNodeListだからね
hoge = Array.from(test).map(e => e.main);

2021/12/10(金) 03:36:53.73

hoge = Array.prototype.map.call(test,e => e.main);
とか

2021/12/10(金) 20:33:15.32

Pythonの

2021/12/10(金) 20:34:21.58

PythonのコードですがどなたかJavascriptに直して下さい…

sorted(pts, key=clockwiseangle_and_distance)

import math

pts = [[2,3], [5,2],[4,1],[3.5,1],[1,2],[2,1],[3,1],[3,3],[4,3]]
Origin = [2, 3]
refvec = [0, 1]

def clockwiseangle_and_distance(point):
　vector = [point[0]-Origin[0], point[1]-Origin[1]]
　lenvector = math.hypot(vector[0], vector[1])
　if lenvector == 0:
　　return -math.pi, 0
　normalized = [vector[0]/lenvector, vector[1]/lenvector]
　dotprod = normalized[0]*refvec[0] + normalized[1]*refvec[1]
　diffprod = refvec[1]*normalized[0] - refvec[0]*normalized[1]
　angle = math.atan2(diffprod, dotprod)
　if angle < 0:
　　return 2*math.pi+angle, lenvector
　return angle, lenvector

2021/12/11(土) 11:19:38.29

すんません

var hoge = test(); //←2個入った配列が返ってくるヤツ
var A = hoge[0];
var B = hoge[1];

って書いてます。
これもーちょっとカッコよく

var A B = test();

って感じで一行でAとBに変数に入れる方法とかあります？

2021/12/11(土) 11:55:24.52

var hoge = [1,9];
var [A,B] = hoge;

2021/12/11(土) 11:56:54.19

>>156
うおーすげー天才
ありがとうございます！

2021/12/12(日) 17:05:57.60

var obj={
key:{x:200,y:300}
}
obj.key2=500;
alert(obj.key2);
alert(obj.key.x);
上はオブジェクトで下はオブジェクトのオブジェクトです。
実行結果は上が500で下が200です。
一応動作はしますがこのような使い方は間違っていますか?

2021/12/12(日) 18:15:54.15

>>158
「間違っている」は「期待する動作」によって決定される
それをあなた自身しか知らないので、第三者による判断は不可能

2021/12/12(日) 18:40:13.36

>>159
文法的にはどうですか？

2021/12/12(日) 19:22:12.57

>>160
文法は他人に聞くまでもない
コンソールにSyntaxErrorが出力されていなければ、文法的に問題ない

2021/12/12(日) 20:06:45.86

何に引っかかってるのか書かないと期待してる答えは返ってこない
特に変なところないし

2021/12/13(月) 08:42:46.82

引数が多い場合の引数の渡し方について
function(
aaa,
bbb,
ccc,
・・・（略）
zzz
){}
って書くより
function(obj){
var aaa = obj.aaa;
var bbb = obj.bbb;
・・・・・（略）
var zzz = obj.zzz;
}
って書く方がいいんでしょうか？
どっちもメリット、デメリットはあると思うけど

2021/12/13(月) 13:06:28.94

>>163
何でこう無条件に善し悪しを求めようとするかね
メリット、デメリットがあるなら、どちらが良いと決めつけることは出来ないと判断出来ないものなのか

2021/12/13(月) 15:27:20.29

下のほうなら
const f = function({aaa, bbb, zzz}){
console.log(aaa, bbb, zzz);
}
のほうが分かりやすくないか
const o = {
aaa: 'あ',
bbb: 42,
zzz: 'ん',
};
f(o);

2021/12/13(月) 18:56:15.12

>>136
形だけひとまとめにしても後でバラすんじゃなんの意味もない
objとかじゃなくて意味のある名前が付けられる範囲でまとめるべき

2021/12/13(月) 18:56:54.87

>>166は>>163あて

2021/12/14(火) 13:31:35.06

var str="ｘ^2 + (x+2)^2 - (x*(x-2))^3";
をMath.pow(x,2)+Math.pow((x+2),2)-
Math.pow((x*(x-2)),3)に置換するにはどうやればいいんですか?

2021/12/14(火) 15:01:16.14

Math.powを使わなければ簡単なんだけどね

eval(str.replace(/\^/g, '**'));

2021/12/14(火) 15:08:13.94

スペース含まない半角文字列限定。式の文字列つくるまで。
賢い人ならもうちょっとスマートに書けるかと。

var str="x^2+(x+2)^2-(x*(x-2))^3";
function func(s){
var s2=s.split('^');
var s3=s2[1].replace(/¥d+/,"");
return "Math.pow("+s2[0]+","+s2[1].replace(/[^¥d]/,"")+")"+s3;
}
var result=str.replace(/[a-z¥(¥)¥d¥*¥+¥-¥/]+¥^¥d+([¥+¥-¥*¥/]|$)/g,func);

2021/12/14(火) 18:05:48.23

>>169
そうやった方が簡単そうですね
>>170
ありがとうございます

2021/12/15(水) 19:13:45.77

いつもはreplaceやmatchを使うんだけど、
execってのがキャプチャグループだけを簡単に抜き出せて便利そうだから使ってみました

txt="AabBxxB";

pattern = /A(.*)B/;

d=pattern.exec(txt);

alert(d[1]);

期待する結果はab

でも実際はabBxxが返ってきます、後方参照ってやつですか？一番後ろのものとマッチしてしまう
これって最短距離でのマッチを取得するにはどうすれば良いんでしょうか？

2021/12/15(水) 19:19:59.60

.*?

2021/12/15(水) 19:20:26.59

ぱっとしかみてないけど
pattern = /A(.*?)B/;

2021/12/15(水) 19:22:08.15

A([^B]*)B

2021/12/15(水) 20:16:03.92

( ^)o(^ )b

2021/12/15(水) 20:34:33.03

>>173
>>174,175
ありがとうございます
なるほど、*も+も?も単体で使うと最長一致になるけど
*?とか+?みたいに組み合わせて使うと最短一致になるんですね、ややこしい…

2021/12/16(木) 20:22:00.71

>>177
その通りだが、一文字ならバックトラックが発生しない最長一致がいいと思う >>175

2021/12/22(水) 17:33:35.08

【環境】Windows 7 64bit, IE11
【何をしたのか】
$("form")で取得している内容が自分の考えと正しいかを確認したい
1. alert($("form")) → [object Object]と表示される
2. alert(JSON.stringify($("form"))) → IEが動作を停止しましたで強制終了
【エラーメッセージ】-
【期待する結果】
$("form")の中身が確認したいです
手段は選びません
console.log()は試していませんがshowModalDialogにて新規で開かれるウィンドウが描画されるまでに行われる処理のようで、コンソールを開く前に終わってしまうためalertで今は試しています
【サンプルコード】
$("form").attr("name");

2021/12/22(水) 17:43:33.97

>>179
自分は取得しているものが<form 〜>であると思っています
なのでHTMLが確認したいです

2021/12/22(水) 18:34:04.36

試してみたらfirefoxだと強制終了しないね
IEは消したからわからん

2021/12/22(水) 20:25:41.33

>>179
試してないconsole.logやconsole.dirでいいと思うが、まず試してみては？
コンソールはモーダルウインドウが開いてなくても関係ない

あなたがほしいのは$("form")[0]な気はするが

2021/12/22(水) 20:33:32.43

モーダルウインドウ上でコンソール出力しようとせず、モーダルウインドウを開くページから参照するとか、breakpointで止めるとか、モーダルウインドウを閉じるコードを一時的にコメントアウトするとか

モーダルウインドウを使わないのが一番だが
、Win7を使ってるならインターネットに接続してないのだろうし、相当特殊な環境だな

2021/12/22(水) 22:15:47.78

>>181-183
ありがとうございます

>>182,183
お察しの通り過去に作られたIE用のシステムをEdgeに対応する必要があり、
現時点では当時の開発環境(VS2012)でデバッグ実行しています
JavaScriptに関わるのが初めてでとにかく動かして覚えようとしているところです
$("form")[0]は明日試してみます

console.logなどを試していない（諦めた）理由は、
動作として、親ウィンドウからshowModalDialogで子ウィンドウを開く
→子でデータを選択する→親に選択したデータが入力されるという流れになっており、
親画面でF12のコンソールを開いておいても子が開かれるとモーダルにより親画面のコンソールも触れない
ので諦めたんですが、もしかしてピン止め外すと止まらないんですかね？
ピン止めした状態でしか動かしてなかったので明日試してみようとおもいます

>モーダルウインドウを開くページから参照するとか、
ウィンドウ間のやりとりがまだよくわからないのでその発想に至れませんでした

>breakpointで止めるとか、
showModalDialogで開いた後に処理される関数に貼ってみたんですが
張っていないshowModalDialogの行で止まって、関数の中をステップ実行できなかったんですよね…
関数の最初にdialogArgumentsを参照してifで分岐するんですが
showModalDialog以外で呼ばれるときはステップ実行できるのでそういうものなのかと諦めました

>モーダルウインドウを閉じるコードを一時的にコメントアウトするとか
その発想はなかったです
今後のデバッグに使ってみます

ひとまず、$("form")[0]とピン止めを試してみます

2021/12/27(月) 21:01:36.58

html5のcanvasについて質問です
drawImageでこの画像をcanvasに描写した後、画像の白い部分だけを赤くマスクしたいです
https://illust8.com/wp-content/uploads/2018/08/icon_mail_illust_924.png

ctx.globalCompositeOperation = 'destination-in';
や
c2.globalCompositeOperation = 'darken';
を使うとオシイのですが、どうしても黒い箇所が赤くそまってしまったり、明るい方が優先されてしまったりします
何か良い手はないでしょうか？

2021/12/28(火) 10:31:30.75

今後はclassが標準になるの？

2021/12/28(火) 10:36:46.52

JavaScriptのクラスは、内部的にはsuperキーワードが追加された以外は以前と変わっていません。

そのため、以前できなかったことは、今でもできません。

クラス定義を使えば、わかりやすいコードを作れるという意見もありますが、誰にとってわかりやすいかいまいち不明。
prototypeを隠蔽しているので、初心者がJavaScriptの本質を理解しにくくなる気もします。

class構文は内部でどんな置き換えをしているのか、ということを理解してからでないと、勉強にならないですね。
でも理解したら、わざわざclassを使う必要がない気がします。

使いたければ使えばいいんじゃない？と思います。

2021/12/28(火) 12:53:44.91

>>186-187
自問自答？
使いたくなければ使わなければいいと思うが、定期的にネガキャンするのは無駄なので、止めて欲しい
>>82,110

2021/12/28(火) 13:05:03.77

JavaScriptのクラスは、内部的にはsuperキーワードが追加された以外は以前と変わっていません。
そのため、以前できなかったことは、今でもできません。
クラス定義を使えば、わかりやすいコードを作れるという意見もありますが、
誰にとってわかりやすいかいまいち不明。
prototypeを隠蔽しているので、初心者がJavaScriptの本質を理解しにくくなる気もします。
class構文は内部でどんな置き換えをしているのか、ということを理解してからでないと、
勉強にならないですね。
でも理解したら、わざわざclassを使う必要がない気がします。

2021/12/28(火) 13:28:00.05

>>179
const form = $( 'form' )
console.log( form.length, form[ 0 ] )

HTML 内に、フォームが1つしかないなら、
form.length は1 で、form[ 0 ] でform 要素を取得できる

<form action="" id="form_1" name="form_1">
みたいに、id を付けた方が良いかも

そうすれば、これで取得できる
const form_1 = $( '#form_1' )

まあ、HTML, JavaScript, jQuery の質問は、
この板よりも、web制作管理板の方へ書き込んでください

向こうのスレが、本スレです

2021/12/28(火) 13:30:12.08

今は、class を使う

今さら、prototype を使う人は、いない

2021/12/28(火) 13:50:08.36

>>191
内部構造が分かりにくい。

2021/12/28(火) 14:58:53.60

ワイにとってはclassのほうが分かりやすいかな

2021/12/28(火) 16:37:46.66

すごい。
みんな頭いいんだな。

2021/12/28(火) 17:14:08.11

まあな

2021/12/28(火) 18:05:32.60

中がprototypeだとか別に関係ないだろう。外から見てclassとして振舞うならそれでいいわけだし。
classとしての振る舞いに何か問題があるならそこは注意すべきだが。

2021/12/28(火) 19:24:57.81

みなさんjavascript何年目？
オレは2年。

2021/12/31(金) 00:19:23.87

　昼食が3億!?AppleCEOや投資の神様とのランチ権オークションがすごい

スティーブ・ジョブズが亡くなった後にAppleのCEOになったのがティム・クック氏です。
そんな彼との1時間のランチ権が今年4月から5月にかけてCharitybuzzというオークションサイトに
出品され、$515,000（約5,150万円）で落札されました！
実はクックは過去にも同様の出品をしていて、今年の出品で4回目となります。

2000年からこれまでに計17回出品されているのが、「投資の神様」とも呼ばれるウォーレン・バフェット氏
とのランチミーティング権。2003年からは、世界最大級のオークションサイト「eBay」で毎年開催される
チャリティー・オークションのひとつとして出品されています。
今年6月に出品された際には、なんと$3,456,789(約3億4,568万円)で落札されました！　

2022/01/02(日) 11:53:11.76

fc2ブログを使用しているのですが、javascriptが動かない設定などあったりするのでしょうか？
<script type="text/javascript">alert("hoge");</script>

また、動かない原因をブラウザの検証から調べる事はできますか？

2022/01/02(日) 12:00:54.33

自己解決　すみませんす