JavaScript習得の上で重要な非同期処理。 触りだけでもちゃんと学ぼうと思います。 まずは非同期処理、同期処理を学ぶ上で鍵となる用語から。 スレッド プログラムの開始から終了までの一覧の流れのこと。 スレッド＝糸 JavaScriptが実行されるスレッドは、…

初心者の壁の一つ、クロージャを軽くまとめてみました クロージャとは？ 関数と、その関数が宣言されたレキシカルスコープの組み合わせ。 レキシカルスコープとは？ クロージャの中の関数から見た親のスコープのこと 何が良いのか 関数の外からプロパティに…

JSにはいくつか固有の書き方があると(個人的に)思っています。 まずは関数と関数式の違いについて 引数nameで指定した文字に対してハローと返すだけの簡単な関数です 関数 function hello(name) { return name + 'さん、こにちは' }; 関数式ではこうなります…

Ajaxとは 通常のブラウザからのリクエストに代わってJavaScriptから Webサーバにデータをリクエストし、返されてきたデータもJavaScript自身が受け取る仕組みである。 受け取ったデータが既存のデータを書き換えない為、表示されたページは完全に書き換わら…

最近プログラミングが楽しい。 趣味で初めて2~3年になるが、今が一番楽しく熱中できている。 そんな私が言いたいことはひとつ。 プログラミングに限らず、何か目標や目的があるならば習慣化して続けるべき。 習慣化することで苦が苦ではなくなり思わぬ喜びが…

ある要素にイベントが発生すると、そのイベントに代入しておいたファンクションが実行される。 その時実行されるファンクションにはイベントオブジェクトというオブジェクトがパラメータとして渡される。 イベントオブジェクトには発生したイベントの種類や…

取得した要素.onsubmit = function() { 処理内容 }; document.getElementById('form').onsubmit = function () { console.log('押されたよ') } 取得した要素のイベントにファンクションを代入する形で イベントが発生したときの処理内容を設定 イベントに代…

イベントとは リンクやボタンのクリック、キーボード操作など。 要素にイベントを設定する 取得した要素.onsubmit = function() { 処理内容~ };

テンプレート文字列とは (`)で囲んだ文字列のこと。 便利な文字列表現が可能になり、記述がシンプルになり可読性が上がる 通常の文字列連結 const li = '' + item + ''; テンプレート文字列 const li = <li>item<li>; ${~}内でファンクションの呼び出し、計算も可能</li></li>

JSにおけるオブジェクト ブラウザを構成するパーツや表示しているHTMLドキュメント、 日付や文字列などのデータは、JavaSriptでは「オブジェクト」として扱われる -windowオブジェクト -consoleオブジェクト -documentオブジェクト などがあり、それぞれ固有…

方法 documentオブジェクトを使用する。 documentオブジェクトには、ブラウザに表示されているHTMLや、 それに関連するCSSを操作する為の機能が多数用意されている。 要素の取得 document.getElementById('id名') 使用例 <p id="choice" ここに日時を表示します></p> console.log(document.getElementBy…

JavaScriptとは？ (今更だが、基本が大事なので。) ブラウザを操作する為のプログラミング言語 HTMLやCSSは一度ブラウザに読み込まれたら不変のデータであるが、 JSを使用してリアルタイムに書き換えてコンテンツを入れ替えたり、 スライドショーのような動…