JavaScriptの小難しい用語・裏技を少し整理

プログラミング

たとえば、chatgptにコードの解説をしてもらっても、「オブジェクトが…」とか「インスタンスが…」とか「プロパティが…」と説明されて、「?」となるので、一旦自分用に整理しました。

chatgptだけの情報を鵜呑みにはしませんが、一旦ふんわりわかる程度に、諸々調べたことを書き留めておきます。

JavaScriptの小難しい用語

関数とは、「命令」=「メソッド」である。

console.log('Hello World');

このコード全体が「関数」であり、命令です。()の中に入るのは文字列などのデータです。
()の中にある命令に渡すデータのことを引数といいます。
この命令は「コンソール(※)に『Hello Wordl』と表示せよ」です。

※コンソール(console)…JavaScriptにおけるコンソールとは、ブラウザの開発ツールがサポートする画面で、プログラムの実行結果やデバッグログなどを確認できる機能のこと。

オブジェクト(インスタンス)とは実体である。

クラスとはひな型です。車でいえば設計図にあたります。
オブジェクト(インスタンス)とは、実体です。車でいえば、設計図をもとに製造された車です。

プロパティ・メソッド

プロパティとは、オブジェクトがもつデータのことです。
メソッドとは、プロパティのうち、オブジェクトに対する操作を記述した関数のことです。

▼プロパティの書き方のイメージ

// 右に曲がってほしいとき
車.曲がる(右);

// 定員数を教えてほしいとき
車.定員数;

裏技

JavaScriptファイル内でコードの記述ミスがあり(returnの書き忘れ)、修正ファイルをアップロードしたのだが、いつまで経ってもJSファイルが更新されていないように見えました。(ブラウザでJSファイルにアクセスしても古いファイルのまま)

JSファイルの読み込み時にバージョン番号などのクエリパラメータを付けると、キャッシュを強制的に無視できます。
ブラウザはURLが違うと別のファイルだと認識するため、キャッシュを無視して再取得します。

<script src="path/to/app5.js?v=1.0.1"></script>

この?以降の値はなんでもいいらしいです。

コメント

タイトルとURLをコピーしました