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

JavaScript覧

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで

801 = :

>>842
> 1から100までの値がランダムで配列される時に

日本語を頑張れ

> indexOf("1")>=0?"りんご"にすると
> 10もりんごになっちゃいます。

Array#indexOfは10にマッチしない

802 = :

[2,3,10] は、数値の配列でしょ？

indexOf("1")
"1" は、文字列じゃん

型が異なると、バグる

803 = :

>>840
まじで？？？

デフォで送れないのは今でもそうだけど
csedentialはどうなっちゃうの？

804 = :

>>846
corsでcookieが扱えなくなるのは俺も知らんけど
Ajaxするときのcredentialがなくなることはなかろう

807 = :

引数の数が異なるなら、オブジェクト指向で言う、関数のoverload・多重定義だろ。
JavaScript には無いけど、jQuery は、引数の型を調べて、場合分けして作っていたかも？

デフォルト値ありの引数か、配列・辞書渡しにするか。
オプションなどは、辞書で渡す

引数の数が変わる、可変引数もあるのか？

808 = :

うるさい糖質

809 = :

>>850
とりあえず引数名が何個で何かを判別するオプションを引数に入れて多重定義で一時的に対応することにしました
ただ引数名は限定的になりそうなので渡す関数の書式を制限して関数そのものの文字列から判別する方法もやろうと思います
ありがとうございました

810 = :

>>848
関数の引数の定義上の文字列を知りたい
という要望が特殊すぎるような気が

ちなみにこの文字列を知って
どのような使い方を考えているのん？

811 = :

>>853
例えばforEachするときやmapするとき
最初の引数はindexだったかそれともvalueだったか？忘れてしまうことが多かったので
callbackの記述が
function(index,value),function(index),function(value),function(value,index)だったら
その通りに勝手に解釈してもらいたいなぁと思ったのです

812 = :

>>854
ワロタ
それは、JSでやるべきじゃないんじゃないかなあ
テキストエディタとかトランスパイラとか
JSコードになる以前の問題なんじゃないかと

813 = :

アロー関数使うときに、引数が一個しかなければ
i=>{}みたいに書けるけど、引数が２個の場合
(i,val)=>{}と書いて、valしか使わないのに・・
みたいな場面に出くわしてじゃあ最初から
val=>{}で書いたときはーーみたいな感じだったのです

814 = :

>>854
物忘れ防止なら、JSDocでも書いておけ

>>852
重要なのは、「引数の数」の方だろ
arguments.lengthやrest parameterを使え

815 = :

まぁ引数の数だけが問題ならイコール引数の順序を覚えている
ということなので、普通に既存のライブラリ使うかなと。

816 = :

そういうのは型付言語ならできるだろう

map(i:int=>i*2)
map(val:string=>var+"abc")

みたいな感じだ

だが、valもintだったらどうなるだろうか？区別がつかない。
そこでint型とindex型は分けるべきではないだろうか？

map(i:index=>i*2)
map(val:int=>val*2)

つまりこういうわけだな

そして思うのは、indexとかintという型は冗長というわけだ
ならここで型名変数という概念があっても良いのかもしれないな
型名をそのまま変数として使える書き方だ

map(:index=>index*2)
map(:string=>string*2)

夢は膨らんでいくな！

817 = :

いやもうふつうにあるから。

818 = :

あるんかーい

819 = :

何を言ってるんだか　ここは阿呆ばかりなのか？
オーバーライドは関数と引数の取り回しが不自由なJavaのような言語で
柔軟さをなんとか実現するための苦肉の策であってJSには最も必要ない部類の機能だろ

820 = :

オーバーライドじゃなくてオーバーロードな（呆）
JavaじゃなくてC++の時代からあるよ

821 = :

オーバーライドじゃなくてオーバーロードな　←潔癖症
JavaじゃなくてC++の時代からあるよ　←アスペ

822 = :

jqueryでアロー関数のthisがwindowになるのなんとかならんの
$([3,4,5]).each(function(){ console.log(this) });
$([3,4,5]).each(()=>{ console.log(this) });
第一引数つかえっていう話ではなく

823 = :

>>865
jQueryとは関係ない。DOM APIもそうだからどうしようもない

824 = :

どいつもこいつもどこから突っ込んでいいのやらｗ

825 = :

そういう毒にも薬にもならない表明はいらない

826 = :

？

827 = :

ES6 のアロー関数は、たぶん、クロージャなんだろ。
外の環境のthis を、そこまでの文脈で、静的に確定させて取り込んでしまう

レシーバーのthis じゃない

828 = :

jQueryの基礎部分を書いてみたのですが
http://jsfiddle.net/5nhoL081/
これをclass構文で表現するにはどうやればいいのでしょうか？
http://jsfiddle.net/kabn84sz/
やってはみたものの動くには動いたのですが
if(!f){return thisを外したらinitがnot functionだと言われたり
腑に落ちない点がいろいろとあります

829 = :

>>865
jQuery関係ない

functionの中でthisはそもそもグローバル（かundefined）
メソッドやイベントリスナとして発火するときは
そのオブジェクトが束縛（バインド）される

アロー関数はイベントリスナになっても
束縛がないんだね

831 = :

class Hoge{
constructor(){
console.log(new Fuga());
}
}
class Fuga extends Hoge{
f(){}
}
var hoge = new Hoge();
//Maximum call stack size exceeded
//となってしまうので
class Hoge{
constructor(f){
if(!!f){
console.log(new Fuga());
}
}
}
class Fuga extends Hoge{
f(){}
}
var hoge = new Hoge(true);
//ifをかますと親コンストラクタで子をnewできるみたいというのはわかりましたが
//これはなんかのテクニックなのでしょうか？？それとも普通はこんなことしないということでしょうか

832 = :

ifを咬ませてfalseのとき通らない説明はしようがないね
自明だから

833 = :

>>874
ちなみにこの循環にはどんな意味があるん？

834 = :

>>875
＞falseのとき
!じゃなくて!!なので、つまり!!trueなのでtrueです
>>876
この循環とは？
例えばライブラリにするときjqueryなら$()で何回も使えますがそれは
$()で返ってくる中身がインスタンスで、かつinitが親のjqueryのprototypeを持っているからです
別に毎回newを宣言するスタイルなら必要ないと思いますが

835 = :

ライブラリ内で$()を使っても循環してるわけじゃないだろ
無知って恐ろしいな

836 = :

いやそもそも循環って何を指しているかがわからんのです

837 = :

Hogeがコンストラクタ関数でnew Fuga() してるのに
FugaがHogeを継承しちゃってるからループして
なんどもなんどもフガフガしちゃって
Maximum call stack size exceeded なわけじゃん？

なんでFugaはHogeを継承すんのかなって

839 = :

>>876,880,881
なるほど、心をまっさらにして改めて考えたところ、すんなり解決しました
http://jsfiddle.net/4o3zq1v5/
initをextendsするのはなぜなのかはわかりませんがそのバージョン
http://jsfiddle.net/pmrhub5y/
そもそもjQueryのソースコードをみるとなぜわざわざinitを継承させているのか
はわかりませんが、つまり
http://jsfiddle.net/rb5czox2/
こういうふうにすればいいのに、と思うのですが・・
$文字で静的なユーティリティ関数を使えるからでしょうか（$=jQueryと置くとinitをnewしないといけないので）、わかりません

840 = :

一応ソースコードそのまま風にinitを継承したやつです
http://jsfiddle.net/ca98kq0z/

841 = :

>>877
いやいや、空呼びすることになるんだから評価はfalselyでしょ
trueは最初だけじゃん何いってんの

842 = :

>>884
空呼びとは？
いつ、空呼び？（具体的な行なりを）
最初だけ、とはいつ？（具体的な行なりを）
>>875
＞falseのとき
>874コードのどのタイミングで>falseのとき、なのか
＞通らない
とは何が？

843 = :

なんでこれだけヒント上げてんのにconsole.log()を挟んだりして確認しないの？
いつ何がなんて考えたら分かるし
分からないのなら色々試して分かるように見つけるべきでしょ
あんだけの短いコードなんだから

それともnew演算子の挙動から丁寧に何レスも使って長大にド答えを書いてほしいの？

844 = :

あー…分かんないやつは無理して回答するフリしなくていいからｗ

845 = :

わからないことは
『>874コードの前半はエラーがでて、後半のコードでは、エラーが出ない、それはなぜか』
ということで、わかってることは
後半コードで『なぜかif()で一旦”間”をとると、エラーが出ない』
ということと『仮に、親の中で子をnewするとエラーがでるなら、後半コードでもif通ったあとにエラーがでるのでは？』
というところまでは、わかっています
その状態で873を質問をしたわけなので
>875で急にfalseの話が出て、ヒントとか以前の問題で
どういうこと？っていう状態なので確認のために>885を聞いたんです
ヒントが欲しいってことではないです

846 = :

訂正　＞親の中で子をnewすると
＞親のコンストラクタの中で、子をnewすると

847 = :

じゃあ逆に考えてみたら良いじゃない
デバッグの基本だよ
後半コードでもif通ったあとにエラーがでるのでは？
ならエラーが出てないのならifを通ってないのでは？
あれどうして通ってないんだっけってなるでしょ

848 = :

>>890
いえ、、それでconsole.log(new Fuga());
が出力されたわけでして・・

850 = :

>>892
ええ、もちろんしてからの>874の質問ですよ
で、>875でなんでfalseの話が出てきたのだろう？？ってなったんです

ちなみにもしかして
class Hoge{
constructor(f){
if(!!f){
console.log(new Fuga());
}}}
class Fuga extends Hoge{
f(){}
}
var hoge = new Hoge(true);
これが通るのっておまかんってことでしょうか？
念の為、これ↓はtrueですよね
if(!!true){ console.log(true) }else{ console.log(false) }

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript一覧へ

類似してるかもしれないスレッド

• + JavaScript の質問用スレッド vol.142 + (984) - [100%] - 2020/8/27 19:15
• + JavaScript の質問用スレッド vol.102 + (1001) - [97%] - 2012/9/11 17:30
• + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
• + JavaScript の質問用スレッド vol.132 + (1001) - [97%] - 2018/4/19 11:00
• + JavaScript の質問用スレッド vol.122 + (116) - [97%] - 2018/5/2 18:30
• + JavaScript の質問用スレッド vol.141 + (881) - [97%] - 2021/4/19 9:00
• + JavaScript の質問用スレッド vol.140 + (1001) - [97%] - 2019/9/19 10:45
• + JavaScript の質問用スレッド vol.141 + (1001) - [97%] - 2019/9/22 23:15
• + JavaScript の質問用スレッド vol.143 + (753) - [97%] - 2020/4/19 5:00
• + JavaScript の質問用スレッド vol.144 + (288) - [97%] - 2020/5/17 20:00
• + JavaScript の質問用スレッド vol.122 + (1004) - [97%] - 2015/2/14 4:45
• + JavaScript の質問用スレッド vol.123 + (966) - [95%] - 2020/10/20 2:30
• + JavaScript の質問用スレッド vol.123 + (1002) - [95%] - 2015/4/27 23:30
• + JavaScript の質問用スレッド vol.115 + (1001) - [95%] - 2014/5/29 16:16
• + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2015/1/1 18:30
• + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2022/11/29 16:30
• + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15