+ JavaScript の質問用スレッド vol.123 + [無断転載禁止]©2ch.net

2017/04/02(日) 23:30:38.56

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.122 +
http://echo.2ch.net/test/read.cgi/tech/1472426483/

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

2021/10/20(水) 10:49:03.56

PHPスレとのマルチやん

2021/10/22(金) 10:33:33.27

jqueｒｙなんですが
jqXHRオブジェクトから逆算してクエリ文字列を得る方法ってありませんか？

var a = $("index[name=hoge]");
a.xxxx()= → "index[name=hoge]" みたいな関数とかプラグインとか

2021/10/22(金) 13:52:34.02

>>953
ない

2021/10/22(金) 16:50:13.59

>>953
あった
a.selector
が、1.9で消された

2021/10/23(土) 06:37:42.27

>>955
これか
https://bugs.jquery.com/ticket/9469

2021/10/25(月) 21:08:09.07

>>953
やはり、放置か

2021/10/30(土) 07:24:51.67

>>948
JSの型には、String Number Boolean Null　undefined Symbolなどの他、Objyectがあります
プリミティブでない型は全てObject型です

Objectの例は
let o={};
let a=[];
let f=function(){}
function f(){}
などがあります

2021/10/30(土) 10:09:55.72

>>948
あと、オブジェクトという意味合いは結構あいまいです

JSではプリミティブはそれ自体に関数やパラメータなどを保持しません
ObjectはObject（）の派生ですので関数やパラメータを持ちます
型という意味合いでは、typeof でObject型なのか判定できますのでお試しを

オブジェクトを目的物、対象物という表現でとらえれば
文字や数字も、扱う対象物として、オブジェクトと表現できますが
型としの意味合い（始祖Object()を継承してるか）なのか
対象物という意味合いなのか、混乱したときには整理してみるといいかもです

2021/10/30(土) 10:14:21.41

オブイェークト

2021/10/30(土) 10:46:44.64

なんかまた新しいものが出てきたのかと思った

2021/10/30(土) 10:50:46.34

ほら泣くぞ

2021/10/30(土) 11:05:17.84

>>960
ようやく、>>953が出てきたと思ったら、ただの感想か
相変わらず、このスレの質問者は自己中だな

2021/10/30(土) 12:45:13.50

アロ関とthisが分かりにくい。
全部バインドしとけばいいの？

2021/10/30(土) 12:56:38.70

>>964
慣れ
違いを何度も意識すれば分かる

2021/10/30(土) 22:52:40.11

>>965
thisだけでなくselfをもっと活用すればいいのでしょうか？

2021/10/30(土) 22:56:14.00

そもそも典型的な場面を除いてthisを多用しない

2021/10/30(土) 23:44:50.08

またおまえか
ストーカーかよ
いい加減にしろ

2021/10/31(日) 01:31:34.39

質問です。
https://developer.mozilla.org/ja/docs/Web/JavaScript/A_re-introduction_to_JavaScript
の
var input;
do {
input = get_input();
} while (inputIsNotValid(input));
を実行したら、
Uncaught ReferenceError: get_input is not defined
と出ました。

get_input()は自作関数だと思いますかが、
どんな関数になるのか教えて下さい。

2021/10/31(日) 03:14:18.94

<input id="address">

function get_input(){
return document.querySelector("#address").value
}

2021/10/31(日) 04:01:17.10

>>970
こんな深夜にありがとうございます。

ただ、すみません、
Uncaught ReferenceError: document is not defined
というエラーが出ました。
このdocumentというのはどのように定義したらよいですか？

あと、
<input id="address">
は同じフォルダにindex.htmlのような名前で保存すればよいですか？

2021/10/31(日) 07:37:28.36

>>969
var input;
do{
input=get_input();
}while(inputIsNotValid(input));

function get_input(){
return confirm('input!');
}
function inputIsNotValid(input){
return !input;
}

2021/10/31(日) 07:45:13.63

>>969
サンプルコードは、

inpu=get_input() // 入力されたものをinputに代入する

do-whileは、inputIsNotValid()関数の戻り値がtrueの時に繰り返す

inputIsNotVarid()は、入力されたinput値が不適切の時にtrueを返す

という内容を説明しています

get_input()がどのような入力になるのか
inputInNotValid()で、inputの適否をどう判定しているのかは問いません、ということです
このようなコードを見たときには、関数名で働きが説明できている、という前提ですので
関数名をよく読んで、戻り値を推測して読んでください

2021/10/31(日) 07:53:36.67

>>969
あと、このコード自体は
「有効な値が入力されるまでループする」というコードです

confirm関数はシンプルな入力関数で、OKボタンでtrueを、キャンセルボタンでfalseを返します

2021/10/31(日) 07:58:15.87

>>972
理想的な必要十分なコードだけど
promptじゃね

2021/10/31(日) 08:40:51.23

45億年もの長きにわたり僅かな変化を積み重ねた塩基配列の微妙なズレと
あなたと私の養育環境における、例えば接種してきたたんぱく質や食物繊維の種類や量
照射された日照量や、退社した細胞数の数、知り合った女性や先生が持つ遺伝子配列とのずれとの調和
そのような本当に些細な差が、promptなのかconfirmなのかを決したのだと思います
そこには完全な正解はないのかもしれませんが、バリデーションチェックという意味ではpromptで説明すべきかもしれません

2021/10/31(日) 09:24:41.87

>>966
「～が分かりにくい」でお茶を濁さず、アロー関数とthis値の性質を学習して、分からない部分を具体化してから、調査or質問せよ
ということだ

>>966で書いてるような「～すればいい」を理屈を度外視して、方法論だけ求めるのは思考停止
現状だと質問の体を成してない

2021/10/31(日) 09:26:03.48

>>968
質問を立て逃げ、誹謗中傷
そんなことしてる人にいわれてもな

2021/10/31(日) 12:03:01.70

>>971
documentがないってブラウザ以外の実行環境なの？

2021/10/31(日) 12:05:17.37

>>964
とても情緒深く、文学的なご質問で、私のような無知で下賤な者が触れてよいのか悩みましたが
アロー関数自身にアロー関数内のプロパティ、もしくは引数を紐づけたいということなのでしょうか？

2021/10/31(日) 21:44:03.28

>>972-976 && >>979
> documentがないってブラウザ以外の実行環境なの？

Chromeのコンソールで実行することで望んだ通りの出力になりました。
それまではネットで勧められるままVSCodeで実行していました。
皆さん、ありがとうございました！

2021/10/31(日) 21:59:13.71

>>981
がんばってくださいね
継続して学んでいれば今感じている疑問の殆どは解消します
一歩を進められたご自身の力を信じて進んでください

2021/10/31(日) 22:09:03.92

>>981
982の「疑問」=>「疑問や違和感」に訂正です

2021/11/01(月) 09:39:09.34

アロ関は世界を救う。

2021/11/01(月) 09:56:32.75

アロ関十段ここに極まる。

2021/11/01(月) 10:30:03.91

>>980
アロー関数にプロパティを紐づけする必要ないよな
無名関数、即時関数のプロパティに外部からアクセスするようなコードはナンセンスだし

>>981
Chromeのコンソールでコード入力してんのかな？
そんなことしてたら面倒くさいだろな
vscodeでjavascriptを実行すればいいんだけど
支障がるみたいで、どういう感じになってるのか興味ある

2021/11/03(水) 17:47:47.22

.>>1000
そうだな、お前みたいな破廉恥極まりないやつを極刑にできないなんてな

2021/11/03(水) 17:55:09.21

>>987
先(>1000)をみる前に現在を見つめては

2021/11/09(火) 17:29:38.68

よろしくお願いします

下記の二つの関数、c1()とc2()でカウンターを作りました
c1()はカウントされず、c2()はカウントされます
同じようなコードなのにc1()を複数回呼び出しても
変数cがインクリメントされないのはなぜなのでしょうか？

function c1(){
let c=0;
return c++;
}

function c2(){
let c=0;
return function(){return c++};
}

let s1=c1();
let s2=c2();

console.log(
s1, // 0
s1, // 0
s2(), // 0
s2(), // 1
);

2021/11/09(火) 18:14:06.92

仕様通りとしか
c1のcはc1が呼び出される度に定義されるからカウント不可
そもそも上のコードでc1は１回しか呼び出されていないし

2021/11/09(火) 18:42:53.53

c2の中のfunctionの中で書いてないけどcが定義されて、呼び出されるごとにそのcがインクリメントされているような挙動。

2021/11/09(火) 20:03:23.50

>>989
c1は呼び出される度に変数cが初期化される
s2は呼び出されても変数cが初期化されない

2021/11/09(火) 20:54:12.85

そもそもc1一回しか呼び出してないけどな

2021/11/09(火) 21:10:09.46

カウンタを初期化する部分を繰り返し呼び出す関数の外に出してやればいい

let c=0;
function c1(){
return c++;
}

2021/11/09(火) 22:41:36.85

>>990はレキシカルを理解してるなら
s1とs2のレキシカルが違うことをだな

2021/11/10(水) 12:09:40.50

うむ

2021/11/10(水) 12:24:11.84

>>989
関数やブロックはプロパティをLexicalという場所に登録するんだけど
プロパティを参照した時には、関数内やブロック内のLexicalを参照し
そこにプロパティが登録されてないとその直外のLexicalを参照します

関数は、呼び出しごとに内部Lexicalが生成されるので
c1();c1();c1()と呼び出すと、別々の3つの内部Lexicalが生成され
それらに別々のlet cが登録されるので、c=0となります

s1にはc1()への関数の参照が格納されてるので
s1を複数回呼び出すと、c1()を複数回参照し
上記と同じ結果になります

一方でc2()がreturnで戻す内部関数は直外のLexicalのあるcを参照します
s2（）を複数回呼び出すと、同じLexicalのcを参照するので
s2()の複数呼び出しでcはインクリメントされていくのですね

990先生や994先生のご指摘を血肉にされるといいでしょう

2021/11/10(水) 13:11:24.52

ところでクロージャーって用語の使い方について質問があるんだけどc2自体をクロージャーって言うのかc2が返してる無名関数をクロージャーって言うのかどっちが正しいの？

2021/11/10(水) 15:30:26.98

質問中すまんが次スレ
+ JavaScript の質問用スレッド vol.124 +
https://mevius.5ch.net/test/read.cgi/tech/1636525464/

2021/11/10(水) 17:31:05.10

closer != function
closer == function + environment.information

JSで説明されてるクロージャーは
関数、関数の内部情報、外部参照ポインタのセット
っていう大まかな理解でいいと思います

function f(){let a;}の場合、
関数f、内部プロパティa、外部参照ポインタの参照先（グローバル）、というセットがクロージャー
ちょっと大まかすぎますか？

返される無名関数はクロージャーの仕組みを
コードで理解するために多用されているために
それ自体をクロージャーと認識する人も多いでしょう

また関数内プロパティは外部から直接アクセスできないので
外部からクローズになっているという意味で
関数自体をクロージャーといっていたり
外部から関数内にアクセスできない状態をクロージャーという人も多いでしょう

次スレで先生方からアドバイスいただけますといいですね
私も心待ちにしています

>>999様、ありがとうございます

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 1682日 18時間 0分 27秒

**1002** · Over 1000

5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。

───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php