私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterで
ログインするとレス評価できます。登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

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

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー

みんなの評価 :
レスフィルター : (試験中)

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 次へ

/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで

401 : Name_Not - 2019/11/10(日) 12:39:06.86 ID:???.net (+40,+1,-43)

>>443
すみません。追記です。
forEach内での関数のvar宣言をした場合配列の数だけ繰り返し宣言されてしまうが
呼び出しであれば、宣言は1回と考えていいのでしょうか？

また、変数や配列の場合forEach内で宣言させないことで、多少なりとも速度に影響はでるのでしょうか？

402 : Name_Not - 2019/11/10(日) 13:34:21.80 ID:???.net (+68,+29,-39)

>>443-444
1. と書いても、コンパイラの最適化で、2. ように展開してくれないのか？

さすがに何回も、関数宣言が実行されたりしないだろ。
無駄だから、最適化するだろ

403 : Name_Not - 2019/11/10(日) 13:49:26.56 ID:???.net (+19,-29,-39)

>>442
Windows10 で、Edge, Chrome で実行したが、正常に、1回ずつ表示される！

404 : Name_Not - 2019/11/10(日) 14:18:37.32 ID:???.net (+69,+30,-63)

>>444
何度も宣言しない代わりに参照時に何度も外のスコープを見に行く手間が発生するでしょ
だから無闇にそういうことを考えることが無駄
ESの仕様書をスラスラ読めるようになってから考えたら良い

405 : Name_Not - 2019/11/10(日) 15:07:39.92 ID:???.net (+109,+29,-75)

>>445
コンパイラなるものがあって最適化されるんですね！！
ググったのですが、難しくて理解できなそうでした

>>447
外のスコープを見に行く方が、何度も宣言するよりも処理に時間が掛かるのでしょうか？
であれば、内々で処理を行うのがベターなんですね。

406 : Name_Not - 2019/11/10(日) 15:19:31.01 ID:???.net (+94,+29,-4)

大差ないから自分が読み易いと思う書き方をしなさい

407 : Name_Not - 2019/11/10(日) 16:27:36.59 ID:???.net (+106,+29,-23)

>>449
なんと。。。
構成が結構変わってくるので、職場ではこっちが多数みたいのがあれば
ぜひ教えてくださいませ。

408 : Name_Not - 2019/11/10(日) 17:59:49.52 ID:???.net (+68,+30,-108)

>>450
ここで誰かがこっちの方が良いと言えば一生それに従うのか？
そういう言語もあるがJSでは言語としてこっちのスタイルが標準的という決めごとはない
JSは壮年期に差し掛かっているかもしれないがまだまだいくらでも成長する言語だ
流行は勿論気にし続けないといけないが、それと同時に自由に常に自分で模索し続けて
自分なりの様々な感覚を養っていくことがWebやJSにおいては重要
それにどっちが自然かなんて全体的な様子で変わる

409 : Name_Not - 2019/11/10(日) 18:05:55.39 ID:???.net (+78,+29,-61)

>>445
どちらかというと逆でしょ
普通はインライン化されて、関数の中身がforEach内に展開されて
さらにforEach内全体で最適化がかかる
でもそこまで最適化されることは実際には少ない

最近のエンジンはインタプリタ強化に回帰していて
省メモリとかオーバーヘッド削減に力を入れている

410 : Name_Not - 2019/11/10(日) 22:07:04.25 ID:???.net (+101,+29,-56)

>>451
自分とこの会社では、自分の周りは冗長な記述が多く参考にはならず、
違う部署の人はレベル違いで読み解けずといった感じでして。

今の主流を知りたいと思っています。

411 : Name_Not - 2019/11/10(日) 22:34:20.34 ID:???.net (+57,+29,-30)

昔は推奨された書き方が今では遅いなんてのが結構あるからね
ブラウザによっても逆転するから一概に言えない

412 : Name_Not - 2019/11/10(日) 22:36:13.30 ID:???.net (+56,+28,-3)

ESのバージョンも無しに今の書き方って言われても分かんない

413 : Name_Not - 2019/11/11(月) 00:57:02.27 ID:???.net (+97,+30,-138)

>>453
主流なんて無い
極論を考えれば全部グローバルに宣言を出すのも馬鹿らしいし、
最小限になるようできるだけ細かく多くのスコープを区切るのも馬鹿らしい
どちらにすべきかではなくて、バランスを取ってその時その時で全体的に自然に書けとしか言えん

比較演算子で定数をどちらに置くべきかとか、拘るのが馬鹿らしい問題というのは数多くある
そんなことにいちいち惑わされる暇があったら別のところに時間を使え

414 : Name_Not - 2019/11/11(月) 01:54:01.43 ID:???.net (+116,+29,-82)

>>456
極論についてはおっしゃる通りですね。
ESの仕様を理解はできていませんがバランスを見つつ改善を続けていきます。

関数やら変数の宣言って、最初の読み込み時にエンジンが把握するためのもので、
呼び出し時に宣言されるってことではないですよね？
それだとスクロールイベントで宣言した場合、毎回宣言されて大変ですよね？

415 : Name_Not - 2019/11/11(月) 12:39:53.68 ID:???.net (+94,+29,-3)

大変かどうかは計測して判断しましょう

416 : Name_Not - 2019/11/11(月) 12:43:36.03 ID:???.net (+114,+29,-7)

結局うやむやにしてるだけじゃん
不親切だな

417 : Name_Not - 2019/11/11(月) 13:26:08.96 ID:???.net (+3,-30,-205)

最適化は仕様にない。各社、自由だろ。
無数にある環境・ブラウザの組み合わせを、考えても無駄！

例えば「Effective Ruby、2015」の項目47 では、

ループ内で、文字列リテラルを使うと、
文字列が生成して、すぐに破棄されるから無駄なので、ループ外に出す

次に、Ruby 2.1 では、文字列リテラル.freeze で、
文字列は、1回しか作られないから、ループ内でも大丈夫

次に、Ruby 2.3 では、スクリプトファイルの1行目に、
# frozen_string_literal: true
と書くと、すべての文字列リテラルは、immutable になる

このように最適化は、ドンドン変わっていく！

418 : Name_Not - 2019/11/11(月) 15:17:43.00 ID:???.net (+91,+29,-1)

お前は相変わらずrubyｷﾁｶﾞｲだけどな。

419 : Name_Not - 2019/11/11(月) 19:17:13.23 ID:???.net (+95,+6,-26)

>>457
宣言文というのは、関数コンテキスト生成時と、コンテキスト実行開始（スコープ到達）時、宣言文到達時にそれぞれ働きがある

420 : Name_Not - 2019/11/11(月) 19:38:11.34 ID:???.net (+70,+29,-14)

>>462
そういうのどうやって勉強すりゃいいの？
es仕様直接読む頭ないから噛み砕いて説明してくれる本がほしい

421 : Name_Not - 2019/11/11(月) 20:01:44.96 ID:???.net (+107,+29,-27)

仕様書なんて英語の文章としては超絶簡単な部類
その大部分がa is b , b is cで積み重ねだから
読むために必要な能力って言ったら追っかけ力だけで
それは読んでれば勝手に身につく

422 : Name_Not - 2019/11/11(月) 20:53:20.58 ID:???.net (+118,+30,-103)

>>458
計ってみても誤差で判別がつきませんでした

>>462
難しそうですね
読み込んだ後は宣言なしと一緒とかだと理解できたのですがｗ

ちょろっと計測しても誤差にしかならないのなら、いっそスコープ狭めた方が
読み手には優しいですよね。
無理してネストを浅くして、気にしないといけない変数が大量にあるよりも。
馬鹿な自分でもわかる方がいいですし。

423 : Name_Not - 2019/11/11(月) 21:03:37.71 ID:???.net (+57,+29,-14)

その考え方でよい
実行速度にシビアな場面で初めて優先順位が変わる

424 : Name_Not - 2019/11/11(月) 21:51:38.14 ID:???.net (+56,+28,-21)

あと念の為補足すると
varはブロックに入れてもスコープは狭くならない

425 : Name_Not - 2019/11/11(月) 21:59:50.38 ID:???.net (+53,+25,-20)

letで宣言してスコープを関数内
に留めるのがいいかも

426 : Name_Not - 2019/11/11(月) 22:08:01.71 ID:???.net (+75,+30,-99)

>>465
宣言文というものはスコープに変数を作らないといけない
スコープが作られるのは宣言文より前のステップだ
だから実際宣言文に達する前にスコープを作る段階で働く
ステップが宣言文に達したらまた別の働きをする
他の多くの構文にもこのようにRuntimeな働きとStaticな働きと言うものがある

427 : Name_Not - 2019/11/11(月) 22:12:37.18 ID:3i8bCBWG.net (+29,+29,-44)

今のJS初心者なんで
とりあえずletにしとこ、程度なんだけど
constにすると大きく違うシーンってどんなのがありますん？

自分じゃない人がメンテするときに
不用意に上書きされないってのはいいとは思うんですが

428 : Name_Not - 2019/11/11(月) 22:30:53.08 ID:???.net (+62,+21,-30)

>>470
基本は、とりあえずletにしとこうではなく、とりあえずconstにしとこうだよ
letにしないとエラーが出るとこ以外はすべてconstにするんだよ

429 : Name_Not - 2019/11/11(月) 22:40:55.94 ID:???.net (-1,-29,-34)

基本は、オブジェクトは可能な限りfreezeかsealしなくてはならない
基本は、等価判定は可能な限りObject.isを使わなければならない
基本は、可能な限りaltJSで書かなければならない

430 : Name_Not - 2019/11/12(火) 00:51:51 ID:???.net (+108,+29,-26)

>>472
これ見るとJSはアホすぎて滅ぼしたほうがいいレベルだな
現実には生き残り続けとるが

431 : Name_Not - 2019/11/12(火) 06:24:25.79 ID:???.net (+57,+29,-27)

問題に神経質に対処しようとするのではなく
おおらかに問題を飲み込むコーディングができない人にはJSは難しい

432 : Name_Not - 2019/11/12(火) 08:16:43.68 ID:???.net (+16,-28,+0)

>>443
forEachの第三引数で渡せば良い
http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

433 : Name_Not - 2019/11/12(火) 08:49:54.19 ID:???.net (+62,+29,-14)

>>467
知りませんでした。
ありがどうございます。

434 : Name_Not - 2019/11/12(火) 12:08:42.50 ID:???.net (+68,+29,-155)

>>468
この文なんかおかしい。
いやletはブロックスコープで、関数直下に書くと関数スコープと一致するからそれはいいんだけどvarは関数スコープだから「letで宣言してスコープを関数内に留めるのがいいかも」って言及はなんか違う。
だってvarで書いても関数スコープなんだもん。
letの使用を推奨するのはいいんだけどその理由の説明が間違ってる。

435 : 467 - 2019/11/12(火) 18:02:16.22 ID:???.net (+102,+27,-22)

>>477
あ～確かに
関数内でvarで宣言してもスコープは関数内に留まるね
勘違いしてたっぽい

436 : Name_Not - 2019/11/12(火) 19:58:29.47 ID:???.net (-5,-28,+0)

let it be

437 : Name_Not - 2019/11/12(火) 20:20:09.80 ID:???.net (+6,-29,-15)

>>475
forEachの第一引数がcallbackで第二引数がthisArgとあるが第三引数なんて出てないが。

438 : Name_Not - 2019/11/12(火) 20:55:34.95 ID:???.net (-1,-29,-23)

IE対応でletやらconstやらclass構文使えてないです。
その辺の理解が浅いと転職できないですか。

439 : Name_Not - 2019/11/12(火) 20:56:33.77 ID:???.net (+3,-30,-37)

>>479
Uncaught SyntaxError: Unexpected identifier

440 : Name_Not - 2019/11/12(火) 20:57:02.62 ID:???.net (+60,+28,-3)

>>481
babel先生のお世話になってみるのはいかが？

441 : Name_Not - 2019/11/13(水) 07:09:05.57 ID:???.net (+62,+29,-92)

letやらconstやらclass構文使えない環境で頑張ってきていたら
むしろスコープや定数やクラスシステムを振る舞いから表現まで気にして
JSのバックグラウンドにも詳しくなってるはずだから
それらの構文を扱うのに経験なんて必要なく知って数日で馴染めるでしょ

442 : Name_Not - 2019/11/13(水) 07:59:56.13 ID:???.net (+65,+14,+0)

>>480
×　第三引数
○　第二引数

443 : Name_Not - 2019/11/13(水) 08:45:59.65 ID:???.net (+95,-2,-5)

それだとコールバックにアロー関数使えないな。

444 : Name_Not - 2019/11/13(水) 12:19:59.94 ID:???.net (+85,+28,-39)

アロー関数に拘る必要はないかと

445 : Name_Not - 2019/11/13(水) 13:54:14.42 ID:???.net (+113,-8,-89)

chromeで動いていた重いJavaScriptが
vivaldiだと落ちます
おそらく処理時間が長すぎるとタイムアウトを起こすようになってるんじゃないかと思いますが
ブラウザによってタイムアウトのメカニズムがあったりなかったりすると困りますよね？
処理時間が長くなる場合はsetTimeoutなどを使ってはじめから処理を細切れにしておくべきなのでしょうか？

446 : Name_Not - 2019/11/13(水) 14:11:31.94 ID:???.net (+57,+29,-10)

確保したメモリ使い果たしたとか
そういう話じゃないんだろか

447 : Name_Not - 2019/11/13(水) 15:34:26.56 ID:???.net (+121,+29,-23)

>>489
ありがとうございます
確かにメモリの問題だったようです
巨大な文字列を生成するのをやめたら動くようになりました

448 : Name_Not - 2019/11/13(水) 22:59:57.87 ID:???.net (-1,-29,-53)

今COTでScroll To Text使えるけど
これがデフォオンになったらいよいよjQueryとプラグインから卒業できるわ

449 : Name_Not - 2019/11/14(木) 01:25:57.91 ID:???.net (+108,+29,-164)

jQueryは使ってるけど、jQueryプラグインは使ってないなぁ
jQueryは自分で実装するのが手間だから使うものだよ。
プラグインのためじゃない。普段コードを書かない人なのかな？

450 : Name_Not - 2019/11/14(木) 01:56:09.95 ID:???.net (+41,-27,-105)

クリックイベントとかの元々の処理を無効にする記述って
どのタイミングで書くかで変わったりする？
重たいしょりが思いつかなくて計測しても違いがわかりません
下の奴です
e.preventDefault();
jQueryと違ってイベント発火直後がいいのかな？