okinawa

勉強メモ

JavaScript

for文でvarを使うと危険

参考 基本 letでfor文 どうしてもvarでfor文したいなら 参考 JavaScriptの変数宣言はletにすべきか 『入門JavaScriptプログラミング』から解説:CodeZine(コードジン) 基本 varは関数スコープ。同じ関数ないなあらスコープ外からでも参照可能。 letはブロ…

JavaScriptのreturn falseでイベント制御

return falseの意味を知らなかったのでメモ。 JavaScriptのイベントってonclickとかaddEventListenerとかでイベント設定して、それを制御するのだけだと思っていた。 けど、htmlのイベントも制御できるようです。 return falseとかで。 例 リンククリック fo…

クリックされた要素をJavaScriptで取得する

イベントオブジェクトから取得 getElementsByClassNameで取得 参考 複数の同じURLのリンクがあってどれがクリックされたか判定したかった↓ イベントオブジェクトから取得 こっちはクラス名がなくてもできる。 html <p><a href="#" onclick="changeColor2(event)">click4!</a></p> <p><a href="#" onclick="changeColor2(event)">click5!</a></p> <p><a href="#" onclick="changeColor2(event)">click6!</a></p>…

JavaScriptでよく使いそうなメソッド

参考 イベントでよく使う関数 要素の取得 ノードの取得 要素の追加と削除 属性の変更 要素の挿入に便利なメソッド insertAdjacentHTML 基本動作のキャンセル preventDefault form要素の読み取り イベントオブジェクト 引数で渡すと関数で受け取れる ページ遷…

JavaScriptのオブジェクトメモ

参考 基本 5章 グローバルオブジェクト 6章 thisとはなにか、thisは何を参照するか 7章 スコープとクロージャ 14章 null 参考 www.oreilly.co.jp 基本 すべてのオブジェクトは可変。StringもObjectも。でもネイティブオブジェクトの変更は非推奨。 insta…

JavaScriptメモ

参考 基本 宣言 データ型 演算子 文字列 オブジェクト 例外処理 非同期処理の例外処理 暗黙的な型変換 関数 関数を変数に代入 匿名関数 その他 参考 jsprimer.net 基本 ECMAScriptはJavaScriptの中のどの実行環境でも共通する部分。 "use strict";基本的には…

非同期処理とマルチスレッドの違い

結論 同期処理 非同期処理 シングルスレッド マルチスレッド キューとは 非同期処理の例 setTimeoutは勘違いしやすい setTimeoutの疑問 非同期処理で勘違いしていたところ JavaScriptでは必ず同期処理の完了後に非同期処理が完了するのはなぜか? 結論 同期…

【JavaScript】非同期処理の基本

非同期処理のイメージ 非同期処理の大前提! 非同期処理の書き方4つ 非同期処理の不思議な所 なぜコールバック関数で非同期処理を書くのか? 非同期処理の何がうれしいのか? コールバック関数の引数の値ってどこからとってきてるの? Promise ・基本的な書…

JavaScriptの基本

・参考 JavaScript の基本 https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web/JavaScript_basics 変数 変数宣言 let 定数宣言 const 配列宣言 オブジェクトの宣言 テンプレートリテラル 関数 関数宣言 関数呼び出し 匿名関数 コー…