\r\n

OMG...

\r\n\r\n\r\n```\r\n追記済み\r\nm.ts10806さんのコメントに対して適当に返したこと。申し訳ありませんでした。そして、2件もの回答をもらったほか、1件の高評価もいただいていること、大変ありがたく思っています。\r\n### **上記のコードでクラッシュしない理由が知りたい**\r\n初出の質問内容を訂正し、ぼくが知りたいのは**なぜ上記のコードではクラッシュしないのか**です。\r\nぼくが知りたいのは上記のコードでクラッシュしない理由です。Chrome,Safari,Braveではクラッシュに至りませんでした。\r\nその理由が知りたいです。webブラウザーにはそのようなクラッシュを引き止める機能を持っているのでしょうか。\r\n\r\n###### 追記\r\n\r\nクラッシュ...強制終了しないとアプリが閉じなかったり、webブラウザー上で他のタブに移動できなくなったり、別のアプリに切り替えられなくなったりすることをイメージしていました。\r\n\r\n###### 初出でその後削除した質問文の内容\r\n> **__1. ローディングマークを表示させないためにはどうすれば良いか。__**\r\n**__2. 内容を素早く表示するにはどうすれば良いか。__**\r\n上記2点についてご存知の方はいらっしゃいますでしょうか。","answerCount":4,"upvoteCount":3,"datePublished":"2020-01-03T09:06:45.308Z","dateModified":"2020-01-04T00:17:34.689Z","acceptedAnswer":{"@type":"Answer","text":"> webブラウザーにはそのようなクラッシュを引き止める機能を持っているのでしょうか\r\n\r\nブラウザのソースは読んだことがないのですが、\r\nモダンブラウザの挙動を見る限り、できるだけクラッシュを防止するような機能は持ってるみたいですね。\r\n\r\n----\r\nご質問のような「無限ループ」だけでなく、延々と「再帰処理」してしまうコードを書くと、エラーを投げて止まる（あるいはクラッシュレポータのような画面に切り替わる）ことが多いです。\r\n\r\nただし、ブラウザの機能も過信はできません。\r\n1. 長期間の利用でメモリモジュールの一部が補正も効かない損傷を抱ていながら利用継続している例\r\n2. 元々搭載メモリの少ないシングルボードコンピュータを利用している例\r\n\r\nこのようなケースでは簡単にフリーズし、追記でイメージされている通りのことが起こります。\r\n\r\nいずれも、ハードウェア要因が大きいのですが、「タスクマネージャからプロセスを強制終了できればまだマシ」という環境の閲覧者もいますので、無限ループや無限再帰は避ける必要があります。\r\n\r\n**追記）**\r\nコメント欄にて、より正確な理由をご指摘いただきました\r\n> 無限ループや再帰処理自体が問題ではなく、無限ループ等によってリソースが消費され尽くしてしまうことが問題","dateModified":"2020-01-04T05:16:04.623Z","datePublished":"2020-01-03T11:04:00.803Z","upvoteCount":2,"url":"https://teratail.com/questions/233083#reply-339650"},"suggestedAnswer":[{"@type":"Answer","text":"### クラッシュしない理由\r\n\r\n> 上記のコードでクラッシュしない理由が知りたい\r\n\r\n`SyntaxError`が発生し、**コードが実行されていないから**です。\r\n\r\n> ```JavaScript\r\n> for (let number=1; number >= 0; number ++;) { // SyntaxError: Unexpected token ';'\r\n> ```\r\n\r\n![ローカルファイルSS](25aebc98a7b839a22d9d38d956a9f303.png)\r\n\r\n> codepenではsyntax errorのみが発生しました。\r\n\r\n同じく、**SyntaxErrorのみ出力**し、`console,log()` では出力されませんでした。\r\n\r\n- [クラッシュしないコード - Codepen](https://codepen.io/think49-the-reactor/pen/yLyPRva)\r\n\r\n![Codepen SS](3951236267fea6165afd97596d68d29b.png)\r\n\r\n### コンソール\r\n\r\n**コンソール**を確認しましょう。\r\n\r\n- [コンソールの使用  |  Tools for Web Developers  |  Google Developers](https://developers.google.com/web/tools/chrome-devtools/console?hl=ja)\r\n\r\n\r\n\r\nRe: taiyakix さん","dateModified":"2020-01-04T05:23:21.749Z","datePublished":"2020-01-03T11:08:00.509Z","upvoteCount":7,"url":"https://teratail.com/questions/233083#reply-339652","comment":[{"@type":"Comment","text":"なるほど。9万行目あたりでストップしてsyntax errorと出てきたのはそういう意味だったのか","datePublished":"2020-01-03T11:40:02.940Z","dateModified":"2020-01-03T11:40:02.940Z"},{"@type":"Comment","text":"> 9万行目あたりでストップしてsyntax errorと出てきたのはそういう意味だったのか\r\n\r\n9行目です。\r\n15行のコードに対して、「9万行目」が出てくるのには違和感があります。\r\n「あたり」もおかしいのですが、何か感覚的に捉えられるものがあったのでしょうか。\r\n状況を正確に把握し、間違いのない文章を書くよう気をつけたほうが良いです。","datePublished":"2020-01-03T12:04:15.194Z","dateModified":"2020-01-03T12:04:46.076Z"},{"@type":"Comment","text":"すいません。9万行目あたりというのは、記載したコードのconsole.logが吐き出した数字が9万,10万になったあたりでエラーになったということです。","datePublished":"2020-01-03T12:39:32.130Z","dateModified":"2020-01-03T12:39:32.130Z"},{"@type":"Comment","text":"> 9万行目あたりというのは、記載したコードのconsole.logが吐き出した数字が9万,10万になったあたりでエラーになったということです。\r\n\r\n回答に書いた通り、SyntaxErrorが発生したコードは実行されません。\r\n実行されませんので、「console.logが吐き出した数字が9万,10万」という状況は絶対にありえません。\r\n事実、私の環境ではSyntaxErrorのみ発生しています。\r\nhttps://teratail-v2.storage.googleapis.com/uploads/contributed_images/2c025eef7e52e0a5596b9b1bfb42bd20.png\r\n\r\ntaiyakix さんの環境ではconsole.logで出力されるのは、「taiyakix さんが確認しているコード」と「質問文に書いたコード」が別物だからです。\r\nそもそも、SyntaxErrorはコード全体が実行されないので、途中までコードが実行される状況はありえません。\r\nscript要素ごとに文法チェックしているので、script要素が複数存在したり、new Functionでコードを実行していたら有り得ますが、そんな状況はこの質問から判断しようがないですね。\r\n2回目のベストアンサーを選んだ基準に矛盾を感じていましたが、おそらく偶然、「taiyakix さんが確認しているコード」にマッチした回答だったのでしょう。\r\n\r\n「質問文に書いてない事実」や「質問文が誤りで全くの別物を想定している事」を回答者に想像させて憶測で回答させるのは、お互いに不幸になる質問だと思います。\r\nあなたが遭遇している状況が質問文だけで「再現できること」を確認してから質問を投稿してください。\r\nhttps://ja.stackoverflow.com/help/minimal-reproducible-example","datePublished":"2020-01-04T01:39:37.645Z","dateModified":"2020-01-04T01:43:31.130Z"},{"@type":"Comment","text":"codepenではsyntax errorのみが発生しました。ただ、質問文に書いたコードのみのファイルをchromeで開いた場合、syntax errorのみではなく、console.logによって数字が吐き出されました。これは僕の誤解なのかもしれません。ただ、AkitoshiManabeさんの回答が個人的に良かっただけですから、think49の回答にベストアンサーをつけることはなく、矛盾もしていませんので。","datePublished":"2020-01-04T02:05:52.679Z","dateModified":"2020-01-04T02:05:52.679Z"},{"@type":"Comment","text":"> codepenではsyntax errorのみが発生しました。\r\n\r\nそれは質問文に書かれていますか。\r\n\r\n> ただ、質問文に書いたコードのみのファイルをchromeで開いた場合、syntax errorのみではなく、console.logによって数字が吐き出されました。\r\n\r\n@taiyakixの状況が再現できません。\r\n;を削除して、SumtaxErrorを取り除いても、SyntaxErrorで停止することはありませんでした。\r\n文法に問題がない状況でSyntaxErrorが発生するのなら、それはGoogle Chromeのバグなので、Googleに報告すべき問題です。\r\n\r\n> ただ、AkitoshiManabeさんの回答が個人的に良かっただけですから、think49の回答にベストアンサーをつけることはなく、矛盾もしていませんので。\r\n\r\n私をベストアンサーに選ばなかったことを咎めているのではありません。\r\n\r\n---\r\nTo: 低評価した方へ\r\n低評価理由を教えてください。","datePublished":"2020-01-04T02:32:43.494Z","dateModified":"2020-01-04T02:32:43.494Z"},{"@type":"Comment","text":"SyntaxError でも動くって書いてあったんで興味持ったんですけど、chrome/firefox ともに止まっちゃいますね。まぁ、当然ちゃ当然ですけど。。。\r\nメッセージに違いがあって、ちょっと面白かったです。\r\n\r\n> taiyakix さん\r\n再現できる環境を丁寧に教えてもらえますか？\r\n提示されたコードをそのまま utf-8 で保存し、ブラウザにドラッグ/ドロップしただけでは SyntaxError で止まってしまいました。\r\n\r\nchrome(79.0.3945.88（Official Build） （32 ビット）)\r\nUncaught SyntaxError: Unexpected token ';'\r\n\r\nfirefox(71.0 (32 ビット))\r\nSyntaxError: missing ) after for-loop control","datePublished":"2020-01-04T03:06:05.848Z","dateModified":"2020-01-04T03:06:05.848Z"},{"@type":"Comment","text":"コード上の指摘としては、think49 さんの回答こそが正解ですよね。\r\nfor の括弧内は私も見落としてましたし、te2ji さんに指摘されるような回答にもなっていました。","datePublished":"2020-01-04T05:32:40.016Z","dateModified":"2020-01-04T05:32:40.016Z"}]},{"@type":"Answer","text":"こんにちは、taiyakixさん\r\n\r\n質問拝見しました。\r\n結論から言いますと、ご質問のコードをchromeで実行すると、`ローディングが続く`または`タブがクラッシュする`のどちらかとなり、h1が表示されることはないです。\r\n\r\n```\r\nfor (let number=1; number >= 0; number ++;) {\r\n console.log(number)\r\n}\r\n```\r\n上記は\r\n\r\n- numberが1から開始し\r\n- numberが0以上の場合\r\n- numberに1を足す\r\n\r\nを繰り返すことになりますので、for文が終了せずに、無限ループになります。\r\n例えば、\r\n\r\n```\r\nfor (let number = 0; number < 5; number++) {\r\n console.log(number);\r\n}\r\n```\r\nのようにすれば、ループが正常に終了し、h1タグの内容が表示されると思います。\r\n\r\n以上、参考になれば幸いです。","dateModified":"2020-01-03T09:24:50.180Z","datePublished":"2020-01-03T09:24:50.180Z","upvoteCount":3,"url":"https://teratail.com/questions/233083#reply-339637","comment":[{"@type":"Comment","text":"その...それぐらいは...わかっていて...","datePublished":"2020-01-03T10:06:32.634Z","dateModified":"2020-01-03T10:06:32.634Z"},{"@type":"Comment","text":"そこもきちんと書かないと分からないことは分かってますかね。。。\r\nこの回答に低評価はさすがに厳しすぎますね。\r\n編集前の質問からすると的外れではないです。","datePublished":"2020-01-03T10:21:58.878Z","dateModified":"2020-01-03T10:21:58.878Z"},{"@type":"Comment","text":"ごめんなさい。高評価にしました。確かに、あの質問文だとこの回答になるのが普通ですよね。大変ありがたい回答でした。","datePublished":"2020-01-03T10:25:51.499Z","dateModified":"2020-01-03T10:25:51.499Z"},{"@type":"Comment","text":"なので、できれば元の質問文は残しておいてください。\r\nでないと頓珍漢な回答がついた印象になってしまいます。\r\n回答がついた質問の編集は慎重にしてくださいね。","datePublished":"2020-01-03T10:28:39.706Z","dateModified":"2020-01-03T10:28:39.706Z"}]},{"@type":"Answer","text":"### 解\r\n\r\n無限ループにならないようにしましょう","dateModified":"2020-01-03T09:13:50.914Z","datePublished":"2020-01-03T09:13:50.914Z","upvoteCount":2,"url":"https://teratail.com/questions/233083#reply-339636","comment":[{"@type":"Comment","text":"回答も割としてる質問者が無限ループに気づいてないとは思いたくなかったですが\r\n質問内容からするとそう突っ込むしかないですよねー","datePublished":"2020-01-03T09:17:31.074Z","dateModified":"2020-01-03T09:17:31.074Z"},{"@type":"Comment","text":"これ以外の回答が特に思いつきませんでした。","datePublished":"2020-01-03T09:19:05.425Z","dateModified":"2020-01-03T09:19:05.425Z"},{"@type":"Comment","text":"これで解決と言うのも面白くないですね。濁して逃げたみたいで。\r\nもっと議論が白熱すると思ってました（そのほうがナレッジとしては良い傾向となるはずなのに）","datePublished":"2020-01-03T09:20:22.705Z","dateModified":"2020-01-03T09:20:22.705Z"},{"@type":"Comment","text":"質問文訂正しました。","datePublished":"2020-01-03T10:21:04.212Z","dateModified":"2020-01-04T00:19:36.874Z"}]}],"breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://teratail.com","name":"トップ"}},{"@type":"ListItem","position":2,"item":{"@id":"https://teratail.com/tags/%E3%82%AF%E3%83%A9%E3%83%83%E3%82%B7%E3%83%A5","name":"クラッシュに関する質問"}},{"@type":"ListItem","position":3,"item":{"@id":"https://teratail.com/questions/233083","name":"このコードだと、クラッシュしませんか?"}}]}}}
teratail
回答率
85.29%
質問するログイン新規登録
トップクラッシュに関する質問このコードだと、クラッシュしませんか?

Q&A

解決済

4回答

2738閲覧

このコードだと、クラッシュしませんか?

taiyakix
taiyakix

総合スコア427

クラッシュ

クラッシュ(crash)はプログラムを完全に停止させてしまう修復不可能なエラー結果を指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

コードレビュー

コードレビューは、ソフトウェア開発の一工程で、 ソースコードの検査を行い、開発工程で見過ごされた誤りを検出する事で、 ソフトウェア品質を高めるためのものです。

HTML

HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

3グッド

0クリップ

投稿2020/01/03 09:06

編集2020/01/04 00:17

3

0

このコードを書きました。ファイルに保存して、Chromeで開いたんですけど、メモリーは使い尽くされましたが、クラッシュにはいかなかったほか、ずっと、ローディングマークが表示されたままで、<h1>に書いた内容が表示されませんでした。

html
1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="utf-8">
5 <title>OMG...</title>
6</head>
7<body>
8 <script>
9     for (let number=1; number >= 0; number ++;) {
10  console.log(number)
11      }
12 </script>
13 <h1>OMG...</h1>
14</body>
15</html>

追記済み
m.ts10806さんのコメントに対して適当に返したこと。申し訳ありませんでした。そして、2件もの回答をもらったほか、1件の高評価もいただいていること、大変ありがたく思っています。

上記のコードでクラッシュしない理由が知りたい

初出の質問内容を訂正し、ぼくが知りたいのはなぜ上記のコードではクラッシュしないのかです。
ぼくが知りたいのは上記のコードでクラッシュしない理由です。Chrome,Safari,Braveではクラッシュに至りませんでした。
その理由が知りたいです。webブラウザーにはそのようなクラッシュを引き止める機能を持っているのでしょうか。

追記

クラッシュ...強制終了しないとアプリが閉じなかったり、webブラウザー上で他のタブに移動できなくなったり、別のアプリに切り替えられなくなったりすることをイメージしていました。

初出でその後削除した質問文の内容

1. ローディングマークを表示させないためにはどうすれば良いか。
2. 内容を素早く表示するにはどうすれば良いか。
上記2点についてご存知の方はいらっしゃいますでしょうか。

gizmodo, ai_2013_dev, BluOxyが👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806
m.ts10806

2020/01/03 09:12

作業依頼ではないけど、回答を得てどうしたいのか分かりません。 「問題・課題」を明確にしてください。 それに単なる無限ループを「素早く」と言われても誰もが困るのでは。
taiyakix
taiyakix

2020/01/03 09:17

低評価を稼いじゃいましたね。ごめんなさい。正直バッシングされると思ってました。
m.ts10806
m.ts10806

2020/01/03 09:18

低評価はバッシングと思っていいんでは。 コメントしなくても低評価理由は明らかなので誰も表立って書かないだけでは。
taiyakix
taiyakix

2020/01/04 00:14 編集

悪かったです。
m.ts10806
m.ts10806

2020/01/03 09:29 編集

と思うならそそくさと解決済みにするのではなく、きちんと議論しましょう。 展開次第で良質問となる可能性もあるのを潰してしまってはあなたの成長の可能性を自ら潰していることになります。 折角質問に高評価つけてくれてる人がいるのに。
m.ts10806
m.ts10806

2020/01/03 09:27

せめて「何がしたいがために組んだコードなのか」目的や要件がもっと具体的であれば良いのですけど。 それもする気がないのでしたら今後あなたは成長しないと思います。
taiyakix
taiyakix

2020/01/03 10:21

m.tsさんぞんざいなコメントごめんなさい。 質問訂正して、ベストアンサーも外しました。
m.ts10806
m.ts10806

2020/01/03 10:23

できればユーザー名は正確に（コピペで）やってもらったほうが。 現在は存在しないですけど、だから略していいというわけではないので。
m.ts10806
m.ts10806

2020/01/03 10:24 編集

強いてなら「あなたが考えるクラッシュってどういう状況？」ということも具体的に記載いただきたいですね。無限ループも考えようによってはクラッシュです。
taiyakix
taiyakix

2020/01/03 10:29

訂正しました。クラッシュの定義は...コンピューターが故障することを指すんですね...
m.ts10806
m.ts10806

2020/01/03 10:31

いいえ。「ブラウザが」と書けば「ブラウザクラッシュ」のことになります。 むかーし、JavaScriptで小ウィンドウ無限に開いてフリーズさせる「ブラウザクラッシャー」というのが流行ったことがあります（もちろん悪い行為です）
taiyakix
taiyakix

2020/01/03 10:37

無知を晒してすいません。それどこかで見たことがあるような。
m.ts10806
m.ts10806

2020/01/03 10:45

いちいち卑下しない方が良いです。あまり気持ちのいいものではありません。
guest

回答4件

0

クラッシュしない理由

上記のコードでクラッシュしない理由が知りたい

SyntaxErrorが発生し、コードが実行されていないからです。

JavaScript
1for (let number=1; number >= 0; number ++;) { // SyntaxError: Unexpected token ';'

ローカルファイルSS

codepenではsyntax errorのみが発生しました。

同じく、SyntaxErrorのみ出力し、console,log() では出力されませんでした。

Codepen SS

コンソール

コンソールを確認しましょう。

Re: taiyakix さん

投稿2020/01/03 11:08

編集2020/01/04 05:23
think49
think49

総合スコア18196

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

taiyakix
taiyakix

2020/01/03 11:40

なるほど。9万行目あたりでストップしてsyntax errorと出てきたのはそういう意味だったのか
think49
think49

2020/01/03 12:04 編集

> 9万行目あたりでストップしてsyntax errorと出てきたのはそういう意味だったのか 9行目です。 15行のコードに対して、「9万行目」が出てくるのには違和感があります。 「あたり」もおかしいのですが、何か感覚的に捉えられるものがあったのでしょうか。 状況を正確に把握し、間違いのない文章を書くよう気をつけたほうが良いです。
taiyakix
taiyakix

2020/01/03 12:39

すいません。9万行目あたりというのは、記載したコードのconsole.logが吐き出した数字が9万,10万になったあたりでエラーになったということです。
think49
think49

2020/01/04 01:43 編集

> 9万行目あたりというのは、記載したコードのconsole.logが吐き出した数字が9万,10万になったあたりでエラーになったということです。 回答に書いた通り、SyntaxErrorが発生したコードは実行されません。 実行されませんので、「console.logが吐き出した数字が9万,10万」という状況は絶対にありえません。 事実、私の環境ではSyntaxErrorのみ発生しています。 https://teratail-v2.storage.googleapis.com/uploads/contributed_images/2c025eef7e52e0a5596b9b1bfb42bd20.png taiyakix さんの環境ではconsole.logで出力されるのは、「taiyakix さんが確認しているコード」と「質問文に書いたコード」が別物だからです。 そもそも、SyntaxErrorはコード全体が実行されないので、途中までコードが実行される状況はありえません。 script要素ごとに文法チェックしているので、script要素が複数存在したり、new Functionでコードを実行していたら有り得ますが、そんな状況はこの質問から判断しようがないですね。 2回目のベストアンサーを選んだ基準に矛盾を感じていましたが、おそらく偶然、「taiyakix さんが確認しているコード」にマッチした回答だったのでしょう。 「質問文に書いてない事実」や「質問文が誤りで全くの別物を想定している事」を回答者に想像させて憶測で回答させるのは、お互いに不幸になる質問だと思います。 あなたが遭遇している状況が質問文だけで「再現できること」を確認してから質問を投稿してください。 https://ja.stackoverflow.com/help/minimal-reproducible-example
taiyakix
taiyakix

2020/01/04 02:05

codepenではsyntax errorのみが発生しました。ただ、質問文に書いたコードのみのファイルをchromeで開いた場合、syntax errorのみではなく、console.logによって数字が吐き出されました。これは僕の誤解なのかもしれません。ただ、AkitoshiManabeさんの回答が個人的に良かっただけですから、think49の回答にベストアンサーをつけることはなく、矛盾もしていませんので。
think49
think49

2020/01/04 02:32

> codepenではsyntax errorのみが発生しました。 それは質問文に書かれていますか。 > ただ、質問文に書いたコードのみのファイルをchromeで開いた場合、syntax errorのみではなく、console.logによって数字が吐き出されました。 @taiyakixの状況が再現できません。 ;を削除して、SumtaxErrorを取り除いても、SyntaxErrorで停止することはありませんでした。 文法に問題がない状況でSyntaxErrorが発生するのなら、それはGoogle Chromeのバグなので、Googleに報告すべき問題です。 > ただ、AkitoshiManabeさんの回答が個人的に良かっただけですから、think49の回答にベストアンサーをつけることはなく、矛盾もしていませんので。 私をベストアンサーに選ばなかったことを咎めているのではありません。 --- To: 低評価した方へ 低評価理由を教えてください。
退会済みユーザー

退会済みユーザー

2020/01/04 03:06

SyntaxError でも動くって書いてあったんで興味持ったんですけど、chrome/firefox ともに止まっちゃいますね。まぁ、当然ちゃ当然ですけど。。。 メッセージに違いがあって、ちょっと面白かったです。 > taiyakix さん 再現できる環境を丁寧に教えてもらえますか？ 提示されたコードをそのまま utf-8 で保存し、ブラウザにドラッグ/ドロップしただけでは SyntaxError で止まってしまいました。 chrome(79.0.3945.88（Official Build） （32 ビット）) Uncaught SyntaxError: Unexpected token ';' firefox(71.0 (32 ビット)) SyntaxError: missing ) after for-loop control
AkitoshiManabe
AkitoshiManabe

2020/01/04 05:32

コード上の指摘としては、think49 さんの回答こそが正解ですよね。 for の括弧内は私も見落としてましたし、te2ji さんに指摘されるような回答にもなっていました。
guest

0

こんにちは、taiyakixさん

質問拝見しました。
結論から言いますと、ご質問のコードをchromeで実行すると、ローディングが続くまたはタブがクラッシュするのどちらかとなり、h1が表示されることはないです。

for (let number=1; number >= 0; number ++;) {
  console.log(number)
}

上記は

  • numberが1から開始し
  • numberが0以上の場合
  • numberに1を足す

を繰り返すことになりますので、for文が終了せずに、無限ループになります。
例えば、

for (let number = 0; number < 5; number++) {
  console.log(number);
}

のようにすれば、ループが正常に終了し、h1タグの内容が表示されると思います。

以上、参考になれば幸いです。

投稿2020/01/03 09:24

gentamura
gentamura

総合スコア406

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

taiyakix
taiyakix

2020/01/03 10:06

その...それぐらいは...わかっていて...
m.ts10806
m.ts10806

2020/01/03 10:21

そこもきちんと書かないと分からないことは分かってますかね。。。 この回答に低評価はさすがに厳しすぎますね。 編集前の質問からすると的外れではないです。
taiyakix
taiyakix

2020/01/03 10:25

ごめんなさい。高評価にしました。確かに、あの質問文だとこの回答になるのが普通ですよね。大変ありがたい回答でした。
m.ts10806
m.ts10806

2020/01/03 10:28

なので、できれば元の質問文は残しておいてください。 でないと頓珍漢な回答がついた印象になってしまいます。 回答がついた質問の編集は慎重にしてくださいね。
guest

0

ベストアンサー

webブラウザーにはそのようなクラッシュを引き止める機能を持っているのでしょうか

ブラウザのソースは読んだことがないのですが、
モダンブラウザの挙動を見る限り、できるだけクラッシュを防止するような機能は持ってるみたいですね。

ご質問のような「無限ループ」だけでなく、延々と「再帰処理」してしまうコードを書くと、エラーを投げて止まる（あるいはクラッシュレポータのような画面に切り替わる）ことが多いです。

ただし、ブラウザの機能も過信はできません。

  1. 長期間の利用でメモリモジュールの一部が補正も効かない損傷を抱ていながら利用継続している例
  2. 元々搭載メモリの少ないシングルボードコンピュータを利用している例

このようなケースでは簡単にフリーズし、追記でイメージされている通りのことが起こります。

いずれも、ハードウェア要因が大きいのですが、「タスクマネージャからプロセスを強制終了できればまだマシ」という環境の閲覧者もいますので、無限ループや無限再帰は避ける必要があります。

追記）
コメント欄にて、より正確な理由をご指摘いただきました

無限ループや再帰処理自体が問題ではなく、無限ループ等によってリソースが消費され尽くしてしまうことが問題

投稿2020/01/03 11:04

編集2020/01/04 05:16
AkitoshiManabe
AkitoshiManabe

総合スコア5434

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

taiyakix
taiyakix

2020/01/03 11:41

なるほどです。弱いスペックで閲覧している人のことも考えろ、と。
AkitoshiManabe
AkitoshiManabe

2020/01/03 11:52

端的に言うとそうですね。 世の中を見渡すと、ITに関心のある人ばかりでもありませんし、逆に、Linuxを学ぶのに手軽なマシンがシングルボードコンピュータだったりします。
taiyakix
taiyakix

2020/01/04 00:19 編集

昔、使っていたノートPCはLinuxでしたがメモリー1GBでしたよ
AkitoshiManabe
AkitoshiManabe

2020/01/03 12:13

1GBだと、ブラウザのタブを１０個も開くと普通のサイトの閲覧でもフリーズしやすいです。 シングルボードコンピュータの例では、RaspberryPi 3以前のモデルも１GBです。 今回のご質問は、追記による後出しジャンケンのような本質の問いかけでしたので 一呼吸、二呼吸を置いて投稿されるといいですよ。
taiyakix
taiyakix

2020/01/03 12:40

そうですね。3時間近く振り回されてました。
退会済みユーザー

退会済みユーザー

2020/01/04 03:23

無限ループや再帰処理自体が問題ではなく、無限ループ等によってリソースが消費され尽くしてしまうことが問題なので、もう少し回答を整理する必要があると思います。 適切に管理された無限ループ等は全く問題ありません。
AkitoshiManabe
AkitoshiManabe

2020/01/04 05:14

> もう少し回答を整理する必要があると思います。 ご指摘ありがとうございます。回答のほうを編集させていただきます。
guest

0

解

無限ループにならないようにしましょう

投稿2020/01/03 09:13

kyoya0819
kyoya0819

総合スコア10434

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806
m.ts10806

2020/01/03 09:17

回答も割としてる質問者が無限ループに気づいてないとは思いたくなかったですが 質問内容からするとそう突っ込むしかないですよねー
kyoya0819
kyoya0819

2020/01/03 09:19

これ以外の回答が特に思いつきませんでした。
m.ts10806
m.ts10806

2020/01/03 09:20

これで解決と言うのも面白くないですね。濁して逃げたみたいで。 もっと議論が白熱すると思ってました（そのほうがナレッジとしては良い傾向となるはずなのに）
taiyakix
taiyakix

2020/01/04 00:19 編集

質問文訂正しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

トップクラッシュに関する質問

このコードだと、クラッシュしませんか?